.header-bar[data-v-055ab612]{position:relative;width:100%;height:210px}.header-logo[data-v-055ab612]{position:absolute;top:20px;left:20px;max-width:280px;width:30%;min-width:120px}.header-title[data-v-055ab612]{position:absolute;top:10px;left:50%;transform:translateX(-50%);max-width:760px;width:50%;min-width:120px}.header-school[data-v-055ab612]{position:absolute;top:0;right:0;max-width:360px;width:28%;min-width:120px}.header-icon[data-v-055ab612]{position:absolute}.portal-row[data-v-055ab612]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:2rem 0;min-height:300px}.portal-btn[data-v-055ab612]{display:flex;align-items:center;justify-content:flex-start;transition:transform .2s ease;margin:1px;width:30%;max-width:250px;height:100px!important;border-radius:10px}.portal-btn[data-v-055ab612]:hover{transform:translateY(-3px)}.img-col[data-v-055ab612]{max-width:70px;display:flex;align-items:center;justify-content:center}.text-col[data-v-055ab612]{display:flex;flex-direction:column;justify-content:center}.title-text3[data-v-055ab612]{color:#fff;margin:0}@media (max-width:759px){.portal-row[data-v-055ab612]{flex-direction:column;align-items:center}.portal-btn[data-v-055ab612]{width:90%}}@media (max-width:960px){.header-logo[data-v-055ab612]{max-width:340px;width:50%}.header-title[data-v-055ab612]{top:60px;width:160%}.header-school[data-v-055ab612]{display:none}}