*{margin:0px; padding:0px;box-sizing: border-box;font-family: "toxigenesis";}
@font-face {
  font-family: "toxigenesis";
  src:    url("./fonts/toxigenesis.otf");
}
.quiz{position: relative;}

.quiz.formSent .entryFlex,.quiz.formSent .allForm{display: none;}



#bg-video{position: absolute; width: 100%; height: 100%;object-fit: cover;z-index: -2;left: 0px;top: 0px;}
.entryFlex:after{content:'';background-color: rgba(0,0,0,0.6);position: absolute;width: 100%;height: 100%;top:0px;left:0px;z-index: -1;}
/* .entry{padding: 50px 20px 20px 50px;} */

.entryFlex{position: relative;z-index: 3;display: flex;flex-direction: column;justify-content: space-between;padding: 50px 50px 40px 50px;min-height: 100vh;}



.entryMiddle{text-align: center;}
.entryMiddle h3{ text-align: center;color: #fff;font-size: 200px;line-height: 200px;font-style: italic;text-transform: uppercase;font-family: "Montserrat", sans-serif;
font-weight: 900;}
.subtitle{text-align: center;color: #fff;font-size: 20px;line-height: 28px;font-weight: 700;display: block;}
.entryMiddle p{color: #A7A7A7;text-align: center;max-width: 1000px;margin:0 auto;font-size: 24px;line-height: 28px;margin-bottom: 48px;}
.entryMiddle p span{color: #F586BF;font-style: italic;}


.goForm{border-radius: 8px;background-color: #F586BF;color: #fff;font-size: 24px;padding:26px 100px;display: flex;width: max-content;cursor: pointer;gap:10px;margin: 0 auto;
align-items: center;}



.entryBottom .hight{color: #CDCDCD;    font-size: 80px;text-align: center;display: block;color: #F586BF;font-style: italic;
    line-height: 80px;}
.entryBottom p{color: #fff;font-size: 20px;text-align: center;}




.allForm {display: none;align-items: center;justify-content: center;padding: 24px;min-height: 100vh;position: relative;}
.allForm:after{content:'';background-color: rgba(0,0,0,0.2);position: absolute;width: 100%;height: 100%;top:0px;left:0px;z-index: -1;}

.errorField{color:#E00000;font-size: 20px;margin-top: 20px;display: flex;font-family: "Montserrat", sans-serif;font-weight: 500;align-items: center;gap:16px;}
.errorField:before{content:'';background: url('./img/error-outline.svg');width: 24px;height: 24px;background-size: cover;background-position: center;}















.allForm .form-container {
        background: rgba(255,255,255,0.6);
        padding: 40px 40px;    backdrop-filter: blur(10px);
        border-radius: 24px;
        width: 100%;
        max-width: 650px;
        box-shadow: 0 0 15px rgba(0,0,0,0.3);
    }
   .allForm  .progress {
        height: 16px;
        background: #F3F3F3;
        border-radius: 40px;
        margin-bottom: 64px;
    }
   .allForm  .progress-bar {
        height: 16px;
        background: #F586BF;
        width: 0%;
        border-radius: 40px;
        transition: width 0.3s;
    }
  .allForm   .form-step {
        display: none;
    }
  .allForm   .form-step.active {
        display: block;
    }

    .form-step h3{font-size: 40px;color: #222222;margin-bottom: 64px;}
.form-step label{font-size: 20px;color:#222222;font-family: "Montserrat", sans-serif;font-weight: 500;margin-bottom: 24px;font-weight: 500;display: block;}
.form-step label input{margin-top: 16px;font-family: "Montserrat", sans-serif;}
.form-step  input::placeholder{color:#CDCDCD;}
 .allForm    input:focus{outline:none;}
 /* .allForm    input,.allForm  select,.allForm  button {
        width: 100%;
        padding: 10px;
        margin: 8px 0;
        border: 1px solid #ccc;
        border-radius: 5px;
    } */
     .allForm    input{border: 1px solid #F3F3F3;border-radius: 8px;padding: 31px 16px;line-height: 24px;font-size: 20px;display: block;width: 100%;    box-shadow: 0px 1px 7px -3px #333;
    font-family: "Montserrat", sans-serif;font-weight: 500;}
   .allForm  button {
        background: #F586BF;
        color: #fff;font-size: 28px;padding:25px 80px;border:0px;border-radius: 8px;
        cursor: pointer;display: block;width: max-content;margin-top:48px;
    }
  .allForm   button:disabled {
        background: #ccc;
        cursor: not-allowed;
    }


.stepStyle{font-size: 20px;margin-bottom: 20px;}

.phoneField{background-image: url('./img/flag.svg');background-repeat: no-repeat;background-position: 16px center;padding-left: 56px!important;}
.radioField input{display: none;}
.radioField{display: block;margin-bottom: 24px;cursor: pointer;background-color: #fff;    box-shadow: 0px 1px 7px -3px #333;border: 1px solid #F3F3F3;
    border-radius: 8px;
    padding: 31px 16px;
    line-height: 24px;
    font-size: 20px;}

.radioField.active{border-color: #F586BF;}





.quiz.formSent .formNotic{display: flex;justify-content: center;align-items: center;}
.formNotic{padding:40px;min-height: 100vh;position: relative;display: none;}
.formNotic:after{content:'';background-color: rgba(0,0,0,0.6);position: absolute;width: 100%;height: 100%;top:0px;left:0px;z-index: -1;}

.formNoticWrapper{background-color: #fff;border-radius: 24px;padding:56px;text-align: center;max-width: 700px;padding-bottom: 0px;}
.formNoticWrapper h3{color: #F586BF;font-size: 48px;margin-bottom: 32px;text-transform: uppercase;font-style: italic;font-family: "Montserrat", sans-serif;font-weight: 900;}
.formNoticWrapper p{color:#A7A7A7;font-size: 24px;font-family: "Montserrat", sans-serif;line-height: 28px;margin-bottom: 80px;font-weight: 500;}
.formNoticWrapper img{display: block;margin: 0 auto;}






@media(max-width:1400px){
    .entryMiddle h3{    font-size: 120px;
    line-height: 120px;}
    .entryBottom .hight{font-size: 70px;}
}












@media(max-width:767px){
  .entryBottom .hight{font-size: 30px;line-height: 40px;}
 .subtitle{font-size: 14px;line-height: 20px;}
  .entryFlex{padding:24px;}

.entryMiddle h3{font-size: 72px;margin-bottom: 24px;line-height: 80px;}
.goForm{padding: 16px 50px;}
.entryMiddle p{font-size: 16px;line-height: 20px;}
.entryMiddle{margin-top: 40px;margin-bottom: 50px;}
.entryBottom p{font-size: 14px;line-height: 20px;}


.stepStyle{text-align: center;font-size: 16px;margin-bottom: 16px;}
.allForm .form-container{padding:40px 12px;}
.allForm .progress,.allForm .progress-bar{height: 10px;}
.allForm .progress{margin-bottom: 20px;}
.form-step h3{text-align: center;font-size: 24px;line-height: 28px;max-width: 300px;margin: 0 auto 48px;}
.form-step label{font-size: 16px;}
.allForm input{font-size: 16px;    padding: 27px 16px}
.allForm button{font-size: 24px;margin: 48px auto 0;padding: 18px 50px;}
.errorField{font-size: 16px;margin-top: 16px;}



.formNoticWrapper{padding:32px;padding-bottom:0px;}
.formNoticWrapper h3{font-size: 24px;margin-bottom: 16px;}
.formNoticWrapper p{font-size: 16px;margin-bottom: 32px;}
.formNoticWrapper img{max-width: 200px;}
.formNotic{padding:20px;}


}





@media(max-width: 550px){
.entryBottom{align-items: flex-start;}
 .entryBottom .hight {
        font-size: 38px;
        line-height: 44px;
    }
.entryBottom > .hight{display: block;
    text-align: center;
    width: 100%;}
}






@media(max-width:450px){
        .entryMiddle h3 {
        font-size: 56px;
        margin-bottom: 15px;
        line-height: 70px;
    }

}






/* / */