.phase-screen{display:none;margin:0 auto;max-width:1160px;min-height:100vh;width:100%;@media screen and (min-width:1000px){min-height:auto}&.active{display:block}}.header{align-items:center;display:flex;gap:15px;padding:15px;@media screen and (min-width:1000px){gap:40px;padding-bottom:40px;padding-left:40px;padding-right:40px;padding-top:40px}}.header-back{cursor:pointer;height:auto;width:8px;@media screen and (min-width:1000px){width:15px}}.header-logo{height:auto;width:20px;@media screen and (min-width:1000px){width:45px}img{height:auto;width:100%}}.main-section{display:flex;flex-direction:column;gap:30px;justify-content:space-between;max-width:840px;min-height:calc(100vh - 60px);padding:26px 20px;width:100%;@media screen and (min-width:1000px){max-height:720px;min-height:min(calc(100vh - 148px),720px);padding-bottom:50px;padding-left:20px;padding-right:20px;padding-top:50px}}.content{display:flex;flex-direction:column;gap:10px}.subtitle{color:#43509b;letter-spacing:1px;@media screen and (min-width:1000px){letter-spacing:2px}}.thankyou-text{color:#43509b;font-weight:500}.title{font-weight:600;font-weight:500}.description{color:#6a6a6a;span{text-decoration:underline;text-decoration-color:#5959eb;text-decoration-style:dotted;text-underline-offset:3px}}.counter-wrapper{display:flex;flex-direction:column;gap:10px;margin-top:40px;@media screen and (min-width:1000px){margin-top:50px}}.counter-section{align-items:center;display:flex;gap:20px}.counter-container{border:1px solid #000;border-radius:4px;display:flex;height:40px;width:fit-content}.button-counter{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;width:40px;&:hover{background-color:#e5e5e5}}.number{align-items:center;display:flex;justify-content:center;min-width:60px;padding:8px 25px;width:fit-content}.minus{border-radius:4px 0 0 4px;border-right:1px solid #000}.plus{border-left:1px solid #000;border-radius:0 4px 4px 0}.counter-description{align-items:center;display:flex;gap:5px}.counter-description-image{display:flex;height:16px;width:25px;img{height:100%;width:auto}}.counter-description-text{color:#43509b;font-size:14px;font-weight:600;@media screen and (min-width:1000px){font-size:22px;font-weight:500}}.button-step2{display:flex;flex-wrap:wrap;gap:15px;margin-top:40px;@media screen and (min-width:1000px){gap:40px;row-gap:20px}.button{background-color:#e8e5ff;border:1px solid #e8e5ff;border-radius:10px;color:#412ed5;cursor:pointer;font-weight:600;line-height:1.35;padding:12px 16px;&.active{background-color:#5959eb;border:1px solid #412ed5;color:#fff}}}.phase-buttons{display:flex;justify-content:flex-end;margin-top:10px;&.phase-buttons-mobile{display:flex;margin-top:10px;@media screen and (min-width:1000px){display:none}}}.button-skip{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-weight:400;justify-content:center;line-height:1.35;line-height:30px;min-height:56px;min-width:120px;padding:10px 40px;width:fit-content;&:hover{color:#5959eb}}.button-next{align-items:center;background-color:#5959eb;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:400;justify-content:center;line-height:1.35;line-height:30px;min-height:56px;min-width:120px;padding:10px 40px;width:fit-content;&:hover{background-color:#412ed5}}.progress-bar{display:flex;gap:65px;position:relative;width:fit-content;&:before{background-color:#0f8461;content:"";height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}}.progress-step{align-items:center;background-color:#fff;border:1px solid #0f8461;border-radius:50%;color:#0f8461;cursor:pointer;display:flex;font-weight:600;height:50px;justify-content:center;width:50px;svg{display:none}span{display:block}&.active{background-color:#0f8461;color:#fff;&.done{svg{path{fill:#fff}}}}&.done{svg{display:block}span{display:none}}}