.hero{height:100vh;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:url(../img/bg.jpg) center/cover no-repeat;overflow:hidden;position:relative}.hero__palm{position:absolute;top:-144.5px;left:-281.625px;width:1160px;-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1);-webkit-filter:blur(3px);filter:blur(3px);z-index:1}.hero__palm2{position:absolute;bottom:-500px;left:-550px;width:1160px;-webkit-transform:scale(1,-1) rotate(-144deg);-ms-transform:scale(1,-1) rotate(-144deg);transform:scale(1,-1) rotate(-144deg);-webkit-filter:blur(2px);filter:blur(2px);z-index:1}.hero__content-wrap{padding-top:122px;position:absolute;top:0;left:0;z-index:2;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;opacity:1}.hero__content-wrap.hiden{left:-150vw;opacity:0}.hero__frame{max-width:674px;margin-right:150px;border-radius:8px}.hero__text-wrap{padding-top:145px}.hero__title{font-weight:800;letter-spacing:0;line-height:130%;font-size:76px;margin-bottom:20px}.hero__subtitle{letter-spacing:0;font-weight:medium;font-size:30px;margin-bottom:60px;max-width:470px}.hero__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:240px;height:80px;background:-o-radial-gradient(100% 100%,#0295f7 0,#4a40bc 100%) no-repeat;background:radial-gradient(100% 100%,#0295f7 0,#4a40bc 100%) no-repeat;-webkit-box-shadow:0 4px 0 #315ed1;box-shadow:0 4px 0 #315ed1;border-radius:8px;opacity:1;cursor:pointer;font-weight:medium;font-size:20px;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.hero__button::before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f46d";font-size:30px;margin-right:15px;display:block}.hero__button:hover{background:-o-radial-gradient(100% 100%,#4a40bc 0,#0295f7 100%) no-repeat;background:radial-gradient(100% 100%,#4a40bc 0,#0295f7 100%) no-repeat}.quiz-wrap{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;display:none;opacity:0;width:1088px;margin:auto;padding:40px;background:no-repeat padding-box #f7f7f7;-webkit-box-shadow:0 4px 10px #12171F1A;box-shadow:0 4px 10px #12171F1A;border-radius:10px}.quiz-wrap.active{display:block;opacity:1}.quiz-wrap__progress-bar{width:100%;background:#fff;height:6px;border-radius:100px;display:none}.quiz-wrap__progress-bar.active{display:block}.quiz-wrap__progress-now{height:100%;border-radius:8px;background:-o-radial-gradient(100% 100%,#0295f7 0,#4a40bc 100%) no-repeat;background:radial-gradient(100% 100%,#0295f7 0,#4a40bc 100%) no-repeat;width:5%;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.quiz-wrap .question{margin-top:30px;color:#000;display:none}.quiz-wrap .question.active{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.quiz-wrap .question h2{font-size:40px;font-weight:500;letter-spacing:0;width:100%;margin-bottom:10px}.quiz-wrap .question .popup-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-weight:500;text-decoration:underline}.quiz-wrap .question .popup-link::before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f129";font-size:18px;display:block;margin-right:8px}.quiz-wrap .question .answers{width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:20px;margin:40px 0}.quiz-wrap .question .answers .answer{padding:18px;border:1px solid #e5e5e5;border-radius:4px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:relative;font-size:18px;line-height:24px;letter-spacing:.54px;color:#8e8e8e;cursor:pointer}.quiz-wrap .question .answers .answer .checkbox{border:2px solid #c7c7c7;border-radius:4px;margin-right:20px;width:24px;min-width:24px;height:24px;background-color:#fff;position:relative}.quiz-wrap .question .answers .answer .checkbox:before{top:0;left:0;font-family:"Font Awesome 5 Free";opacity:0;content:"\f00c";font-weight:900;font-size:20px;color:#587fff;position:absolute;display:block}.quiz-wrap .question .answers .answer.active{background:-webkit-gradient(linear,left top,right top,from(#0295f7),to(#4a40bc)) no-repeat padding-box;background:-o-linear-gradient(left,#0295f7 0,#4a40bc 100%) no-repeat padding-box;background:linear-gradient(90deg,#0295f7 0,#4a40bc 100%) no-repeat padding-box;color:#fff}.quiz-wrap .question .answers .answer.active .checkbox:before{opacity:1}.button-back,.button-next{font-size:20px;font-weight:500;letter-spacing:0;color:#c1c1c1;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.button-back.active,.button-next.active{color:#587fff}.button-next{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.button-next::after{margin-left:10px;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f061"}.button-back{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.button-back::before{margin-right:10px;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f061";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.popup{width:1364px;height:800px;background:no-repeat padding-box #f7f7f7;-webkit-box-shadow:0 4px 10px #12171F1A;box-shadow:0 4px 10px #12171F1A;border-radius:10px;padding:60px 30px 60px 60px;text-align:left;display:none}.popup__content-wrap{overflow-y:scroll;height:100%;max-height:100%;padding-right:30px}.popup h2,.popup h3{line-height:130%;font-weight:500;letter-spacing:0;color:#000;margin-bottom:30px}.popup h2{font-size:40px}.popup h3{font-size:36px}.popup img{max-width:100%;display:block;margin-bottom:40px}.popup p{font-size:18px;line-height:125%;letter-spacing:.54px;color:#000;margin-bottom:25px}.iftotal{display:none;font-weight:500}.iftotal.active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.iftotal a{margin-top:10px}@media only screen and (max-width:1450px){.hero__frame{max-width:100%;margin-right:0}.popup{width:100%;height:90vh}.modal{padding:0}}@media only screen and (max-width:1024px){.hero__content-wrap{display:grid;grid-template-columns:1fr;grid-row-gap:50px}}@media only screen and (max-width:767px){.quiz-wrap{width:80%}}@media only screen and (max-width:575px){.p-index{position:relative}.hero{background:url(../img/frame_mob_bg.jpg) center/cover no-repeat;height:100vh;height:calc(var(--vh,1vh) * 100)}.hero__palm{top:84px;left:-200px;width:571px;display:none}.hero__palm2{width:395px;bottom:auto;left:auto;top:36px;right:-235px;-webkit-transform:scale(-1,-1) rotate(-192deg);-ms-transform:scale(-1,-1) rotate(-192deg);transform:scale(-1,-1) rotate(-192deg);display:none}.hero__content-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-top:70px;padding-bottom:45px;position:relative;width:100%;height:auto;margin-bottom:auto;grid-row-gap:0}.hero__text-wrap{padding-top:20px}.hero__title{font-size:36px;margin-bottom:8px;line-height:110%;font-weight:700}.hero__subtitle{font-size:20px;margin-bottom:30px}.hero__button{width:100%;height:60px;font-size:16px}.hero__button::before{font-size:24px}.quiz-wrap{position:relative;height:70vh;padding:20px 20px 80px;width:90%}.quiz-wrap .question{margin-top:20px;max-height:100%;overflow-y:scroll}.quiz-wrap .question.active{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;height:100%}.quiz-wrap .question h2{font-size:26px}.quiz-wrap .question .answers{margin:20px 0}.quiz-wrap .question .answers .answer{font-size:14px;padding:10px}.quiz-wrap .question .answers .answer .checkbox{width:20px;min-width:20px;height:20px}.quiz-wrap .question .answers .answer .checkbox:before{font-size:15px;top:-2px}.button-back,.button-next{font-size:16px}.button-next{position:absolute;bottom:16px;right:16px}.button-next::after{margin-left:8px;font-size:14px}.button-back{position:absolute;bottom:16px;left:16px}.button-back::before{margin-right:8px;font-size:14px}.popup{padding:24px 12px 24px 24px;width:100%;height:auto;max-height:77vh}.popup__content-wrap{padding-right:12px}.popup h2{font-size:26px}.popup h3{font-size:23px}.popup img{margin-bottom:15px}.popup p{margin-bottom:15px;font-size:14px;letter-spacing:0}.modal__container{max-width:90%!important}.modal__close{top:10px!important;right:10px!important}}@media only screen and (max-width:1450px) and (min-width:1025px){.hero__palm{width:60%;top:-100px;left:-200px}.hero__palm2{width:60%;left:-400px;bottom:-400px}.hero__content-wrap{display:grid;grid-template-columns:.5fr 1fr;grid-column-gap:80px;height:100vh}.hero__text-wrap{padding-top:50px}.hero__title{font-size:65px}.hero__subtitle{font-size:26px;margin-bottom:40px}}@media only screen and (max-width:1024px) and (min-width:768px){.hero__frame,.hero__palm,.hero__palm2{display:none}.quiz-wrap{width:690px}}