.box-wrapper-survey{background-color:#16305d;border-radius:10px;color:#fff;font-weight:700;padding:10px}.box-wrapper-survey .item-row-survey{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px}@media (min-width:768px){.box-wrapper-survey .item-row-survey{flex-direction:row;gap:5px}}.box-wrapper-survey .item-row-survey .title{margin-bottom:10px}@media (min-width:768px){.box-wrapper-survey .item-row-survey .title{flex:0 0 160px;margin-bottom:0;text-align:right}}@media (min-width:1300px){.box-wrapper-survey .item-row-survey .title{flex:0 0 280px}}.box-wrapper-survey .item-row-survey .action{align-items:center;display:flex;margin-top:10px}@media (min-width:768px){.box-wrapper-survey .item-row-survey .action{flex:0 0 285px;margin-top:0}}.box-wrapper-survey .item-row-survey .action p{color:#000}.box-wrapper-survey .item-row-survey .action i{cursor:pointer;font-size:20px}.box-wrapper-survey .item-row-survey .action .label{background-color:#fff;border:1px solid;border-radius:5px;cursor:pointer;margin-left:10px;padding:2px 5px}.box-wrapper-survey .item-row-survey .action .label.active{background:#2d9dcf}.box-wrapper-survey .item-row-survey .action .label span{color:#000;font-size:10px}@media (min-width:768px){.box-wrapper-survey .item-row-survey .input{flex:0 0 220px}}.box-wrapper-survey .item-row-survey .input .box-input{display:flex;flex-direction:row;gap:5px}.box-wrapper-survey .item-row-survey .input .box-input div{flex:0 0 105px;width:105px}.box-wrapper-survey .item-row-survey .input .box-input div input{border:1px solid;height:40px;padding:5px;width:100%}.box-wrapper-survey .item-row-survey .input .box-input .inpput-1.input-radio span{border-bottom-left-radius:5px;border-top-left-radius:5px}.box-wrapper-survey .item-row-survey .input .box-input .inpput-1 input{border-bottom-left-radius:5px;border-top-left-radius:5px;padding-left:40px;text-align:right}.box-wrapper-survey .item-row-survey .input .box-input .inpput-2.input-radio span{border-bottom-right-radius:5px;border-top-right-radius:5px}.box-wrapper-survey .item-row-survey .input .box-input .inpput-2 input{border-bottom-right-radius:5px;border-top-right-radius:5px;text-align:left}.box-wrapper-survey .item-row-survey .input .box-input-radio .input-radio label{cursor:pointer;width:100%}.box-wrapper-survey .item-row-survey .input .box-input-radio .input-radio input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.box-wrapper-survey .item-row-survey .input .box-input-radio .input-radio span{background:#fff;color:#000;display:block;height:40px;line-height:40px;text-align:center;width:100%}.box-wrapper-survey .item-row-survey .input .box-input-radio .input-radio span.actived{background:#2d9dcf}.box-wrapper-survey .box-item-sub-survey{align-items:center;display:flex;flex-direction:column}@media (min-width:768px){.box-wrapper-survey .box-item-sub-survey{align-items:flex-end;flex-direction:row;justify-content:center}.box-wrapper-survey .box-item-sub-survey .item-sub-survey:first-child{padding-right:145px}}.box-wrapper-survey .box-item-sub-survey .item-sub-survey button{border-radius:10px;font-weight:700;margin-bottom:10px;padding:20px}.box-wrapper-survey .box-item-sub-survey .item-sub-survey .item-row-survey .input .box-input div{flex:0 0 80px;width:80px}.box-wrapper-survey .box-item-sub-survey .item-sub-survey .item-row-survey .input .box-input div input{height:30px}.box-wrapper-survey p{color:#fff}.box-result{align-items:center;display:flex;flex-direction:column;margin-top:20px}@media (min-width:768px){.box-result{flex-direction:row;justify-content:center}}.box-result h4{color:#16305d;font-weight:700;margin-bottom:20px;text-align:center}@media (min-width:768px){.box-result h4{flex:0 0 300px;margin-bottom:0;padding-right:20px}}.box-result .box-point{margin-bottom:20px}@media (min-width:768px){.box-result .box-point{flex:0 0 40px;margin-bottom:0}}.box-result .box-point span{background-color:#3567c1;border-radius:5px;color:#efba12;display:inline-block;font-size:40px;font-weight:700;padding:20px 30px}@media (min-width:768px){.box-result .box-high-risk{flex:0 0 300px;margin-left:30px}}.box-result .box-high-risk span{animation-duration:1s;animation-iteration-count:infinite;animation-name:myanimation;background-color:#efba12;border-radius:5px;color:#000;display:block;font-size:30px;font-weight:700;padding:20px 30px}@keyframes myanimation{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.box-content-page-survey .box-title{padding:20px 0}.box-content-page-survey .box-title h1{color:#1b77ba}.box-content-page-survey .box-title p{font-size:20px;margin-bottom:5px}.box-content-page-survey .box-title p:last-child{font-size:14px;font-style:italic}