.popup--calc {
position: relative;
width: 100%;
max-width: 1000px;
margin: 24px auto;
background: #fff;
border-radius: 24px;
padding: 48px 56px;
box-shadow: 0 24px 70px rgba(13, 19, 68, .14);
} .popup--calc .title-calc {
text-align: center;
font-size: 21px;
line-height: 1.45;
font-weight: 700;
color: #0D1344;
max-width: 760px;
margin: 0 auto 28px;
}
.popup--calc .title-calc b,
.popup--calc .title-calc span { color: #CC2929; } .popup--calc .quiz-steps {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 14px 28px;
margin-bottom: 32px;
}
.popup--calc .quiz-step {
position: relative;
display: inline-flex;
align-items: center;
gap: 5px;
padding: 11px 26px;
border: 1px solid #d9d9e3;
border-radius: 30px;
color: #b6b6c4;
font-size: 14px;
font-weight: 600;
white-space: nowrap;
transition: color .2s, border-color .2s, box-shadow .2s;
}
.popup--calc .quiz-step.active {
color: #0D1344;
border-color: #0D1344;
box-shadow: 0 0 0 1px #0D1344;
}
.popup--calc .quiz-step:not(:last-child)::after {
content: "";
position: absolute;
right: -24px;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 10px;
background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath d='M1 5h13M10 1l4 4-4 4' stroke='%23c9c9d4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
} .popup--calc .wrap-calc.active-last .row-steps-title { display: none; } .popup--calc .step { display: none; }
.popup--calc .step.active { display: block; animation: dcQuizFade .3s ease; }
@keyframes dcQuizFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } } .popup--calc .title-question p,
.popup--calc .title-question h2 {
font-size: 18px;
line-height: 1.3;
font-weight: 700;
color: #0D1344;
margin-bottom: 20px;
} .popup--calc .wpcf7-form-control-wrap::before,
.popup--calc .wpcf7-form-control-wrap::after { content: none !important; display: none !important; } .popup--calc .check-row .wpcf7-list-item { display: block; width: 100%; margin: 0 0 14px; }
.popup--calc .check-row .wpcf7-list-item label {
display: flex;
align-items: center;
gap: 14px;
cursor: pointer;
line-height: 1.3;
color: #2b2b3a;
font-size: 15px;
}
.popup--calc .check-row input[type="radio"],
.popup--calc .check-row input[type="checkbox"],
.popup--calc .messengers-grid input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 24px !important;
height: 24px !important;
min-width: 24px;
max-width: 24px;
flex: 0 0 24px;
box-sizing: border-box;
padding: 0 !important;
margin: 0;
border: 1px solid #d9d9e3;
border-radius: 6px;
background: #eef0f5;
position: relative;
cursor: pointer;
transition: border-color .15s, background .15s;
}
.popup--calc .check-row input:hover,
.popup--calc .messengers-grid input:hover { border-color: #b9b9cc; }
.popup--calc .check-row input:checked,
.popup--calc .messengers-grid input:checked {
border-color: #CC2929;
background: #CC2929;
}
.popup--calc .check-row input:checked::after,
.popup--calc .messengers-grid input:checked::after {
content: "";
position: absolute;
left: 8px;
top: 4px;
width: 6px;
height: 11px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
} .popup--calc textarea {
width: 100%;
border: 1.5px solid #d9d9e3;
border-radius: 14px;
padding: 14px 16px;
font-size: 15px;
color: #0D1344;
margin-bottom: 14px;
box-sizing: border-box;
} .popup--calc .step__6 input[type="text"],
.popup--calc .step__6 input[type="tel"] {
width: 100%;
border: 1px solid #d9d9e3;
border-radius: 26px;
padding: 16px 18px 16px 58px;
font-size: 15px;
color: #0D1344;
margin-bottom: 14px;
box-sizing: border-box;
background-color: #fff;
background-repeat: no-repeat;
background-position: 16px center;
background-size: 28px 28px;
}
.popup--calc .step__6 input.name { background-image: url(//amidcode.com/wp-content/themes/amidcode/img/quiz-icon-user.svg); }
.popup--calc .step__6 input.phone { background-image: url(//amidcode.com/wp-content/themes/amidcode/img/quiz-icon-phone.svg); } .popup--calc input:focus, .popup--calc input:focus-visible,
.popup--calc textarea:focus, .popup--calc textarea:focus-visible { outline: none !important; box-shadow: none !important; }
.popup--calc .step__6 input[type="text"]:focus,
.popup--calc .step__6 input[type="tel"]:focus,
.popup--calc textarea:focus { border-color: #0D1344; }
.popup--calc textarea { min-height: 110px; resize: vertical; }
.popup--calc textarea::placeholder,
.popup--calc input::placeholder { color: #9a9ab0; }  .popup--calc .done__test { max-width: 518px; margin: 0 auto; }
.popup--calc .step__6 .title-question { margin-bottom: 20px; }
.popup--calc .step__6 .title-question h2 { text-align: center; }
.popup--calc .step__6 .polyteka_brif { font-size: 13px; line-height: 1.5; color: #8a8a9a; text-align: center; margin-top: 12px; }
.popup--calc .step__6 .polyteka_brif a { color: #CC2929; }
.popup--calc .messengers-grid { margin-top: 10px; }
.popup--calc .messengers-grid .wpcf7-checkbox { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px; }
.popup--calc .messengers-grid .wpcf7-list-item { margin: 0; width: 100%; }
.popup--calc .messengers-grid label { display: flex; align-items: center; gap: 12px; cursor: pointer; color: #2b2b3a; font-size: 15px; }
@media (max-width: 520px) { .popup--calc .messengers-grid .wpcf7-checkbox { grid-template-columns: 1fr; } } .popup--calc .calculator_bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: 30px;
} .popup--calc .steps-nav {
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
user-select: none;
-webkit-appearance: none;
appearance: none;
border: 0;
background: none;
padding: 0;
margin: 0;
font: inherit;
color: inherit;
text-align: inherit;
line-height: inherit;
} .popup--calc .steps-nav:focus-visible {
outline: 2px solid var(--color-first, #CC2929);
outline-offset: 3px;
border-radius: 30px;
}
.popup--calc .next-step {
margin-left: auto;
display: inline-flex;
align-items: center;
gap: 8px;
background: #0D1344;
color: #fff;
padding: 14px 30px;
border-radius: 30px;
font-weight: 600;
font-size: 15px;
}
.popup--calc .next-step:hover { background: #1a224f; } .popup--calc .next-step.is-locked { opacity: .45; pointer-events: none; }
.popup--calc .next-step svg { width: 7px; height: 12px; }
.popup--calc .prev-step { color: #0D1344; font-weight: 600; }
.popup--calc .prev-step svg path { stroke: #0D1344; }
.popup--calc .disabled-btn { display: none !important; }  .popup--calc .step__6 .label-submit { display: block; margin-top: 20px; }
.popup--calc .step__6 .btn,
.popup--calc .step__6 input[type="submit"] {
width: 100%;
background: #CC2929;
color: #fff;
border: 0;
padding: 16px;
border-radius: 30px;
font-weight: 700;
font-size: 16px;
cursor: pointer;
transition: background .2s;
}
.popup--calc .step__6 input[type="submit"]:hover,
.popup--calc .step__6 .btn:hover { background: #b51f1f; } @media (max-width: 768px) { .popup--calc { padding: 55px 18px 28px; border-radius: 18px; }
.popup--calc .title-calc { font-size: 16px; line-height: 1.5; margin-bottom: 20px; padding: 0 6px; }
.popup--calc .title-question p, .popup--calc .title-question h2 { font-size: 16px; line-height: 1.5; }
.popup--calc .step__6 .title-question h2 { font-size: 17px; }
.popup--calc .quiz-steps { gap: 10px 18px; margin-bottom: 24px; }
.popup--calc .quiz-step { padding: 9px 14px; font-size: 13px; }
.popup--calc .quiz-step span { display: none; }
.popup--calc .quiz-step:not(:last-child)::after { right: -16px; width: 12px; }
.popup--calc .step__6 input[type="text"], .popup--calc .step__6 input[type="tel"] { font-size: 16px; }
} .popup--calc .step__6 input[type="email"]{width:100%;border:1px solid #d9d9e3;border-radius:26px;padding:16px 18px 16px 58px;font-size:15px;color:#0D1344;margin-bottom:14px;box-sizing:border-box;background-color:#fff;background-repeat:no-repeat;background-position:16px center;background-size:28px 28px;background-image:url(//amidcode.com/wp-content/themes/amidcode/img/quiz-icon-mail.svg);}
.popup--calc .step__6 input[type="email"]:focus{border-color:#0D1344;outline:none;box-shadow:none;}
.popup--calc .step__6 input[type="email"]::placeholder{color:#686767;} .popup--calc .step__6 .wpcf7-form-control-wrapper > .wpcf7-form-control-wrap{display:flex;flex-direction:column;position:relative;}
.popup--calc .step__6 input[type="text"],
.popup--calc .step__6 input[type="tel"],
.popup--calc .step__6 input[type="email"]{margin-bottom:0;}
.popup--calc .step__6 .done__test > .wpcf7-form-control-wrapper{margin-bottom:16px;}
.popup--calc .step__6 .wpcf7-not-valid-tip{position:static !important;left:auto !important;bottom:auto !important;display:block !important;margin:6px 0 0 18px;font-size:12px;font-weight:600;color:#f02b2b;}  .popup--calc input, .popup--calc textarea, .popup--calc select{font-family:"Montserrat", "Montserrat-fallback", sans-serif;} .popup--calc input::placeholder, .popup--calc textarea::placeholder{font-weight:500;} .popup--calc .step__6 a{color:#0D1344 !important;font-weight:600 !important;transition:color .2s ease;}
.popup--calc .step__6 a:hover{color:#CC2929 !important;text-decoration:none !important;} .popup--calc .btn_prev span{transition:color .2s ease;}
.popup--calc .btn_prev svg path{transition:stroke .2s ease;}
.popup--calc .btn_prev svg{transition:transform .25s ease;}
.popup--calc .btn_prev:hover span{color:#0D1344 !important;}
.popup--calc .btn_prev:hover svg path{stroke:#0D1344 !important;}
.popup--calc .btn_prev:hover svg{transform:translateX(-4px) !important;}