#banner{outline:none;height:80vh;max-height:800px;position:relative;overflow:hidden}.slide{opacity:0;visibility:hidden;pointer-events:none;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity .8s,visibility .8s;position:absolute}.slide.active{opacity:1;visibility:visible;pointer-events:auto}.slide.active h2{animation:.8s forwards slideInRight}.slide.active a,.slide.active .btn-label{animation:1s .3s forwards fadeIn}.slide.exit h2{animation:.6s forwards slideDownExit}.slide .content{color:#333;text-align:center;flex-direction:column;align-items:center;max-width:60%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slide .content>*{opacity:0;background-color:#ffffff80;padding:10px 20px}.slide .content h2{color:#fff;background-color:#004778bf;padding:20px 30px 5px;font-family:Crimson Text,Arial,sans-serif;font-weight:700}.slide .content a,.slide .content .btn-label{background-color:#004778}.slide a,.slide .btn-label{box-shadow:none;box-sizing:border-box;color:#fff;white-space:nowrap;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;border:2px solid #0000;outline:none;width:auto;height:auto;margin-top:10px;padding:15px 40px;font-size:20px;font-weight:500;line-height:14px;text-decoration:none;transition:all .3s;display:inline-block}.slide a{cursor:pointer}.slide a:hover{border-color:#fff;color:#fff!important;background-color:#0000!important}.slide .btn-label{cursor:default}.progress{background:#fff;width:0;height:4px;position:absolute;bottom:0;left:0}.nav-btn{color:#fff;cursor:pointer;z-index:20;background:#0000008c;border:none;border-radius:50%;justify-content:center;width:50px;height:50px;font-size:2rem;line-height:2.5rem;display:flex;position:absolute;top:50%;overflow:visible;transform:translateY(-50%)}#prev{left:20px}#next{right:20px}.nav-btn:hover{background:#000000bf}.thumbnails{z-index:3;justify-content:center;gap:10px;width:100%;display:flex;position:absolute;bottom:16px}.thumbnails .dot{cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;width:12px;height:12px;transition:background .3s;display:inline-block}.thumbnails .dot.active{background:#fff}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes slideDownExit{to{opacity:0;transform:translateY(20px)}}.content h2{text-transform:none;color:#fff;margin-bottom:20px;font-size:37px;font-weight:700;line-height:42px;display:inline-block}@media (width<=767.98px){#banner{height:40vh}.slide a,.slide .btn-label{padding:10px 25px}.nav-btn{width:40px;height:40px}.content h2{margin-bottom:20px;font-size:30px;font-weight:700;line-height:38px}.slide .content{max-width:90%;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (width<=991.98px){#banner{height:50vh}.slide a,.slide .btn-label{padding:15px 30px}.nav-btn{width:60px;height:60px}.content h2{margin-bottom:30px;font-size:40px;font-weight:700;line-height:50px}.slide .content{max-width:70%;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (width<=768px){.content h2{font-size:1.5rem}}
/*$vite$:1*/