.select-role-human-page{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:28px 0}.select-role-human-page .title-ques{font-size:36px;font-weight:700;text-align:center;padding:0 24px}.select-role-human-page .sub-ques{text-align:center;padding:0 24px}.list-role-role-human{display:flex;flex-wrap:wrap;justify-content:center}.item-role-human-vitanSTEM{display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:24px;margin:8px;width:280px;max-width:300px;border-radius:8px;background:#fff;transition:.2s;position:relative;overflow:hidden;border:2px solid transparent;z-index:1}.item-role-human-vitanSTEM:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(9,21,40,.05),hsla(0,0%,100%,.1));transition:.4s;opacity:1;z-index:-1}.item-role-human-vitanSTEM .img-illus{width:200px;height:160px;display:flex;align-items:center;justify-content:center}.item-role-human-vitanSTEM .img-illus img{max-width:100%;max-height:100%}.item-role-human-vitanSTEM .ct-role{margin-top:20px}.item-role-human-vitanSTEM .name-role{display:inline-flex;align-items:center;position:relative}.item-role-human-vitanSTEM .name-role .text{font-size:20px;font-weight:800;text-transform:uppercase;opacity:.9;letter-spacing:-.4px;transition:.3s;text-align:center;line-height:1.3}.item-role-human-vitanSTEM .name-role .icon{opacity:.2;width:24px;transition:.3s;position:absolute;right:-30px;top:50%;transform:translateY(-50%)}.item-role-human-vitanSTEM:hover{border-color:#2e946f;transform:translateY(-30px)}.item-role-human-vitanSTEM:hover:before{opacity:0}.item-role-human-vitanSTEM:hover .text{opacity:.9}.item-role-human-vitanSTEM:hover .icon{opacity:.8;transform:translateY(-50%) translateX(8px)}.item-role-human-vitanSTEM .link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.item-role-human-vitanSTEM.active{border-color:#2e946f}.item-role-human-vitanSTEM.active .name-role .text{color:#2e946f}.item-role-human-vitanSTEM.active .icon,.list-role-role-human.selected .item-role-human-vitanSTEM:not(.active){display:none}@media(max-width:575px){.select-role-human-page{align-items:flex-start}.select-role-human-page .title-ques{font-size:30px}.list-role-role-human{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.item-role-human-vitanSTEM{width:auto;margin:0}.item-role-human-vitanSTEM .img-illus{width:128px;height:100px}.item-role-human-vitanSTEM{padding:8px;justify-content:flex-start}.item-role-human-vitanSTEM .name-role .icon{width:16px;position:relative;right:0;top:0;transform:none;margin-left:4px;opacity:.4}.item-role-human-vitanSTEM .name-role .text{font-size:20px}.item-role-human-vitanSTEM .ct-role{margin-top:8px}}@media(min-width:576px) and (max-width:767px){.select-role-human-page .title-ques{font-size:32px}.item-role-human-vitanSTEM{width:240px;margin:8px;padding:12px;justify-content:flex-start}.item-role-human-vitanSTEM .name-role .text{font-size:20px}.item-role-human-vitanSTEM .img-illus{width:160px;height:120px}}@media(min-width:768px) and (max-width:991px){.item-role-human-vitanSTEM{padding:20px;justify-content:flex-start}.item-role-human-vitanSTEM .img-illus{width:180px;height:140px}.item-role-human-vitanSTEM .name-role .text{font-size:20px}.item-role-human-vitanSTEM .ct-role{margin-top:8px}}@media(min-width:992px) and (max-width:1199px){.item-role-human-vitanSTEM{width:212px;padding:16px;margin:4px}.item-role-human-vitanSTEM .img-illus{width:160px;height:120px}.item-role-human-vitanSTEM .name-role .text{font-size:17px}}.tooltip-content{max-width:350px}