.new_quiz{
    position: fixed;
    background-color: #fff;
    padding: 25px;
    bottom: 45px;
    right: 45px;
    width: 520px;
    z-index: 100000;
    display: none;
}
.new_quiz_wrap{
    display: flex;
    flex-direction: column;
}
.new_quiz *{
    font-family: Inter;
}
.new_quiz_header{
    display: flex;
    gap: 25px;
    align-items: center;
}
.new_quiz_logo{
    width: 34px;
}
.new_quiz h3{
    font-size: 24px;
    font-weight: 600;
    font-family: Inter;
}
.new_quiz_escape{
    width: 19px;
    height: 19px;
    margin-bottom: auto;
    cursor: pointer;
    position: absolute;
    top: 25px;
    right: 25px
}
.new_quiz_10_min{
    width: 232px;
    margin-left: auto;
    margin-bottom: -10px;
}
.new_quiz_progress_bar_wrap{
    width: 100%;
    height: 12px;
    background-color: #EDEDED;
    margin-top: 10px;
    border-radius: 6px;
}
.new_quiz_progress{
    height: 12px;
    width: 33.33%;
    background-color: #89C275;
    border-radius: 6px;
}
.new_quiz_options{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.new_quiz_slider_btn{
    width: calc(50% - 5px);
    padding: 20px;
    font-size: 20px;
    color: #0F5B9B;
    background-color: #E6EDF7;
    transition: .1s;
    border: none;
}
.new_quiz_slider_btn:hover{
    background-color: #ccddf5;
}
.step-2 .new_quiz_options{flex-wrap: nowrap;}
.step-2 .new_quiz_slider_btn{width: inherit;flex-grow: .33}
.new_quiz h4{margin-bottom: 10px;margin-top: 20px; font-size: 24px;}
.new_quiz_com_way{
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: .5;
    transition: .3s;
}
.new_quiz_com_way img{
    width: 26px;
}
.new_quiz_com_way.active,.new_quiz_com_way:hover{
    opacity: 1;
}
.new_quiz_com_way_wrap{
    display: flex;
    gap: 25px;
    margin: 20px 0;
}
.new_quiz_submit_input{
    margin-top: 10px;
    width: 100%;
    padding: 15px;
    border: 1px solid #787878;
    font-size: 16px;
}
.new_quiz_submit_btn{
    width: 100%;
    padding: 20px;
    margin-top: 30px;
    background-color: #89C275;
    border: none;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    border-radius: 8px;
}

.new_quiz_step {
    display: none;
}
.new_quiz_step.active {
  display: block;
}
.new_quiz_return_btn{
    visibility: hidden;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 17px 21px;
    border-radius: 16px;
    background-color: #fff;
    position: fixed;
    bottom: 224px; right: 21px;
    font-family: Inter; font-size: 24px; line-height: 1; font-weight: 600;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    z-index: 100;
    opacity: 0;
    cursor: pointer;
    transition: visibility .3s 0s, opacity .3s;
}
.new_quiz_return_btn.visible{
    visibility: visible;
    opacity: 1;
    transition: visibility 0s .3s, opacity .3s;
    z-index: 10000;
    display: none!important;
}
.bs{box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);}
.brrd30{border-radius: 30px;}
.brrd15{border-radius: 15px;}
.brrd10{border-radius: 10px;}
.dn{display: none;}
.invalid {
    border-color: #ff3860 !important;
    color: #ff3860;
}
.new_quiz_submit_btn:disabled {
    background-color: #f5f5f5;
    cursor: not-allowed;
}
@media screen and (max-width: 1440px) {
    .new_quiz{
        right: 20px;
        bottom: 20px;
        zoom: .65;
    }
    .new_quiz_return_btn.visible{
      right: 20px;
      bottom: 230px;
      zoom: .65;
    }
    .attention_30000{
       bottom: 350px;
       right: 35px;
   }
}
@media screen and (min-width: 901px) {
    .graph-modal.is-open{
        display: none!important;
    }
}
@media screen and (max-width: 900px) {
    .new_quiz{display: none!important;}
}