#root{width:100vw;height:100vh;font-family:Montserrat,Helvetica,Arial,sans-serif;line-height:1.3}#root .intro{display:flex;flex-direction:column;max-width:590px;gap:20px}.option{background:#dbf0fe;margin-top:1rem;padding:1rem}.option .suboption{padding:2em}.option .suboption div{padding-top:1rem}.btn{cursor:pointer;padding:.5rem 1rem;background-color:#1b70d9;color:#fff;border:2px solid transparent;transition:.3s;font-weight:600;border-radius:3px;max-width:150px}.btn:hover{color:#1d4d8b;background-color:#fff;border:2px solid #1d4d8b}.btn:disabled{background-color:#eff9ff;color:#39a5f8;border:2px solid transparent}.results{max-width:325px}.questions{max-width:360px}.questions .question{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.questions .question .questions-title{padding-top:1rem}.questions .question fieldset{padding:1rem 0}.questions .question fieldset .option{padding:.5rem 0;width:100%}.questions .question fieldset .option textarea{margin-top:1rem;width:100%}.questions .question fieldset .option .suboption{margin-top:1rem;margin-bottom:2rem;width:100%}.questions .question fieldset .option .suboption textarea{width:100%}.container-btn{display:flex;width:100%;justify-content:space-between;gap:20px;padding-top:1.5rem}.fadeIn{animation:fadeIn .5s ease forwards}textarea{margin-top:1rem;width:100%}.progress-bar{height:10px;background-color:#1b70d9;margin-bottom:10px;position:relative;overflow:hidden}.progress-bar:before{content:"";display:block;height:100%;background-color:#007bff;width:0;transition:width .3s ease-in-out}.progress-bar.animate:before{transition:width .3s ease-in-out,background-color .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cn-survey{width:100%;display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column}strong{font-weight:600!important}a.text-primary{display:block}.cn-survey-title{font-size:1.7rem;margin-bottom:15px}.cn-survey label{text-transform:initial;font-size:.9rem;font-weight:400}.cn-survey-quest-title{font-size:1.4rem;margin-bottom:15px;padding-right:60px}.cn-survey-section{min-height:350px;flex-direction:column;justify-content:center}.cn-survey-table{text-align:center;width:100%}.cn-survey-table label{width:100%;position:absolute;top:5px;left:0;height:15px;font-size:.9rem}.cn-survey-table span{display:none}.cn-survey-table td{padding:15px 10px;font-size:.9rem}.cn-survey-table td{padding:15px 10px}.cn-survey-table tr:nth-child(even){background:#eaeae8}.cn-survey-group{display:flex;flex-wrap:wrap}.cn-survey-group .form-check{flex:0 0 50%;max-width:50%;padding:15px 15px 15px 1.25rem}.cn-survey-group .full{flex:0 0 100%;max-width:100%}.cn-survey-group input[type=text],.cn-survey textarea.form-control{font-size:.85rem;padding:.5rem;height:initial;font-family:Montserrat,Helvetica,Arial,sans-serif}.cn-survey-step{opacity:.3}.cn-survey-active-step{opacity:1}.cn-survey-btn-next{border:none;background:none;margin-top:15px;font-size:.9rem;color:#969696;border-bottom:1px dashed #c2c2c2}.cn-survey-section-end{margin-bottom:300px}.cn-survey-desc,.cn-survey-title{max-width:80%}.text-primary{color:#1b70d9}#root>div>div{max-width:360px}input[name=q3]~.suboption{display:none}@media (max-width: 768px){.cn-survey{padding:25px}.cn-survey-section{min-height:100vh}.cn-survey-step{opacity:1}.cn-survey-desc,.cn-survey-title{max-width:100%}.cn-survey-quest-title{padding-right:0}.cn-survey-group .form-check{flex:0 0 100%;max-width:100%}.cn-survey label{font-size:1rem}table.cn-survey-table,table.cn-survey-table td,table.cn-survey-table tr,table.cn-survey-table tbody{display:block;text-align:left}table.cn-survey-table tr:nth-child(even){background:#fff}table.cn-survey-table td:not(.text-left){background:#eaeae8}.cn-survey-table thead{display:none}.cn-survey-table span{display:block}.cn-survey-table label{position:relative;top:inherit;height:inherit}.cn-survey-btn-next{margin-top:5px}}.cn-survey-desc{line-height:1.5}.cn-survey-desc .text-primary{margin:.1rem 0;display:block;text-decoration:none;color:#1d5ab0;transition:.3s;font-weight:600}.cn-survey-desc .text-primary:hover{color:#163155}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.survey-title{color:#1b70d9;font-size:2.25rem;font-weight:600}.survey-desc{margin:1rem 0;color:#1b70d9;font-size:1.5rem}.survey .questions-title{color:#1b70d9;font-size:1.5rem}.survey .questions .question div textarea{margin:1rem 0}.survey .questions fieldset{margin:1rem 0;padding:1rem;border:none}.survey .questions fieldset .option{padding:1rem 0}.survey .questions fieldset .option textarea{width:100%}.survey .questions fieldset .option .suboption{padding:1rem 0;display:flex;flex-direction:column}.survey .questions fieldset .option .suboption textarea{max-width:400px;min-height:20px}.survey .btn{margin-right:1rem}