@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,500;0,700;0,800;0,900;1,100;1,200;1,300;1,500;1,700;1,800;1,900&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#007bff;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;overflow:hidden;position:relative}.main-question-containar{background-color:#fefefe;width:430px;border-radius:7px;transition:all .6s ease;overflow:hidden}h1{font-size:24px;font-weight:600;padding:14px 23px}p{font-weight:500;font-size:14px;padding:0 26px}input{padding:10px;width:90%;margin:10px auto;display:block;outline-color:#007bff}a,button{display:block;width:90%;margin:12px auto;padding:11px;outline:none;border:none;background-color:#007bff;color:#fff;font-size:14px;font-weight:600;border-radius:2px;cursor:pointer}a{text-align:center;text-decoration:none}.co{padding:7px;width:70%;background-color:#eee;margin:20px auto;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:4px;overflow:hidden;flex-direction:column;transition:all .6s ease}.coco{transition:all .6s linear;max-height:1000px}img{margin:27px}div.coco.disabled{max-height:0}.field{position:absolute;top:24px;right:34px;width:360px;display:flex;align-items:center;justify-content:space-between;background-color:#ffc;color:#000;padding:8px 10px;border-radius:2px;text-transform:capitalize;transition:all .7s cubic-bezier(.68,-.55,.265,1.78);transform:translateX(500px)}.field:before{content:"";position:absolute;left:-7px;top:0;height:100%;width:7px;background-color:#ffeb3b}.field .alert{font-weight:700;padding-right:2px}.field .symbol{cursor:pointer;padding:1px;transition:color .3s}.field .symbol:hover{color:#000;opacity:.8}.field.active{transform:translateX(0)}@keyframes test{0%{opacity:0}to{opacity:1}}@media screen and (max-width:670px){.main-question-containar{width:90%;margin:auto}}.overlay{background-color:#00000096;position:absolute;display:flex;justify-content:center;align-items:center;inset:0}.loader{position:relative;width:130px;height:100px;background-repeat:no-repeat;background-image:linear-gradient(#0277bd,#0277bd),linear-gradient(#29b6f6,#4fc3f7),linear-gradient(#29b6f6,#4fc3f7);background-size:80px 70px,30px 50px,30px 30px;background-position:0 0,80px 20px,100px 40px}.loader:after{content:"";position:absolute;bottom:10px;left:12px;width:10px;height:10px;background:#fff;border-radius:50%;box-sizing:content-box;border:10px solid #000;box-shadow:78px 0 0 -10px #fff,78px 0 #000;animation:wheelSk .75s ease-in infinite alternate}.loader:before{content:"";position:absolute;right:100%;top:0;height:70px;width:70px;background-image:linear-gradient(#fff 45px,transparent 0),linear-gradient(#fff 45px,transparent 0),linear-gradient(#fff 45px,transparent 0);background-repeat:no-repeat;background-size:30px 4px;background-position:0 11px,8px 35px,0 60px;animation:lineDropping .75s linear infinite}@keyframes wheelSk{0%,50%,to{transform:translatey(0)}30%,90%{transform:translatey(-3px)}}@keyframes lineDropping{0%{background-position:100px 11px,115px 35px,105px 60px;opacity:1}50%{background-position:0 11px,20px 35px,5px 60px}60%{background-position:-30px 11px,0 35px,-10px 60px}75%,to{background-position:-30px 11px,-30px 35px,-30px 60px;opacity:0}}