@keyframes gradient-color{0%{background-position:100% 100%}50%{background-position:50% 50%}to{background-position:0% 0%}}@keyframes border-color{0%{border-color:#333}25%{border-color:#022835}50%{border-color:#067197}75%{border-color:#022835}to{border-color:#333}}@keyframes border-color-light{0%{border-color:#faf9f9}25%{border-color:#faf9f9}40%{border-color:#9fd7d7}50%{border-color:#9fd7d7}60%{border-color:#9fd7d7}75%{border-color:#faf9f9}to{border-color:#faf9f9}}.banner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;flex:1 1 auto;height:40vh;width:100%;position:relative;overflow:hidden}.banner img.txt-hover{height:100%!important;width:100%;object-fit:cover;object-position:center center;position:absolute}.banner .txt-banner{font-size:1.2rem;font-weight:500;width:100%;height:100%;position:relative;z-index:1}.banner .txt-banner .txt1,.banner .txt-banner .txt2{position:absolute;color:#067197;background-color:#faf9f999;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);font-size:1.8rem;line-height:1.2em;padding:.1em .5em}.banner .txt-banner .txt1{top:0;left:50%;transform:translate(-50%);border-right:3px solid #067197;opacity:0;overflow:hidden;white-space:nowrap;max-width:max-content;display:inline-block}.banner .txt-banner .txt1.animate{animation:typing 2.5s steps(25,end) forwards .5s}.banner .txt-banner .txt2{bottom:1.5em;right:0;left:auto;padding-right:1em;opacity:0;text-align:right;border-left:3px solid #067197;max-width:45%;min-width:45%;width:100%;min-height:max-content;white-space:normal;word-break:break-word}.banner .txt-banner .txt2.animate{animation:slide-in 2s ease-in-out forwards .5s}@keyframes typing{0%{width:0;opacity:0}2%{width:1%;opacity:1}to{width:100%;opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translate(100%)}25%{opacity:1}to{opacity:1;transform:translate(0)}}@media(max-width:900px){.banner .txt-banner .txt2{max-width:50vw}}@media(max-height:410px){.txt1{display:none!important}}@media(max-width:820px){.banner .txt-banner .txt1{top:50px}.banner .txt-banner .txt2{max-width:55vw}}@media(max-width:800px){.banner .txt-banner .txt2{font-size:1.32rem;max-width:60vw}}@media(max-width:768px){.banner .txt1{transform:none;left:0;max-width:85vw;animation:none!important}.banner .txt2{width:85vw;opacity:1;animation:slide-in 2s ease-in-out forwards 0s!important}}@media(max-width:550px){.banner .txt-banner{font-size:.74em}}@media(max-width:450px){.banner .txt-banner .txt1{transform:none;left:0;max-width:85vw;white-space:wrap!important;animation:none!important}.banner .txt-banner .txt2{max-width:85%;opacity:1;bottom:.5em;animation:none!important}}