body{background:url(../../voxy88/images/bg.webp);
    background-position: center center;
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-size:cover;
}
.figure-text{text-align:center}
.figure-text>p{position:relative;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px;margin-bottom:10px}
.link-container{display:flex;justify-content:center;font-size:var(--x-large-font);padding:0;width:100%}
.link-container a{width:50%;text-align:center;padding:15px 20px;text-transform:uppercase}
.container{width:100%;margin-left:auto;margin-right:auto;max-width:1140px}
.login-button,.register-button{color:#000;font-family:system-ui}
.login-button,.register-button{color:#000}
.register-button{background:#000f;background:linear-gradient(to bottom,#fff700 0,#ff8d00 100%);font-size:14px;font-weight:700}
.register-button:hover{box-shadow:0 0 5px 3px #fff}
.login-button{background:#000f;background:linear-gradient(rgb(253,252,38) 0%,rgb(144,66,0) 90%,rgb(252,227,12) 0%);font-weight:700}
.login-button:hover{box-shadow:0 0 5px 3px #fff}
.adv{justify-content:center;display:flex;flex-wrap:wrap}img{vertical-align:middle;border-style:none}
.title{display:flex;justify-content:center}
.word{color:#fff;padding:20px 30px;border-radius:5px;border:1px dashed #948834;font-family:Bebas Neue;}
.word h1{font-size:1.5em}
.word h2{font-size:1.3em}
.word h3{font-size:1.1em}
.word p{font-size:1em}
.word a{color:#f1d408}
.title-text{color:#fff}
.content-box{padding:.5em;text-align:center;background-color:rgba(30, 112, 219, 0.7)}
.content-box2{padding:10px;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;min-height:500px;width:85%;margin-left:auto;margin-right:auto}
.footer{text-decoration:none;color:#fff}
.content{padding:.5em;width:100%}.slot{display:block}
.slot 
.slot-sidebar{padding-right:10px;padding-left:0;margin-top:5px;background-color:rgb(27, 29, 160);float:none!important;width:100%!important;flex:none!important;max-width:100%!important;padding-right:0!important}
.slot-sidebar-nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-left:0;margin-bottom:0;list-style:none}
.slot-sidebar-nav>li{border-bottom:1px solid #0092b1;width:100%;position:relative;display:block;border-bottom:none;padding:6px;background:linear-gradient(to bottom,#2C5080 0%,#2C5080 46%,#2C5080 100%)}
.slot-sidebar-nav>li>a{color:#fff;font-size:13px;padding:7px 10px;display:block;background-color:rgb(0, 0, 0)}
.btn-provider:hover{background-color:#2eafeb}a:hover{text-decoration:none;color:#fff}
.btn-provider{text-align:center;display:block}
.btn-provider span{position:unset}
.btn-logo{display:block;margin-left:auto;margin-right:auto;width:20%}
.banner{display:block;margin-left:auto;margin-right:auto;background-size:cover!important}
.next-btn{background:linear-gradient(to bottom,#2C5080 0%,#2C5080 46%,#2C5080 100%);width:15%}
.enter{display:none}
.btn-daf{animation:blinking 1s infinite;transition:all .4s}@keyframes blinking{0%{border:2px solid #533c98}100%{border:2px solid #ff9626}}
.blink-me{animation-name:blinker;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}
.next-btn{background-color:#2C5080;border:none;color:#fff}
.slot 
.content{float:none;width:100%;padding:0;flex:0 0 100%;max-width:100%;background-color:#121212}
.wrapper{width:100%;padding:0;white-space:nowrap;overflow:hidden;position:relative;z-index:0;background-color:#000}
.card{float:left;width:25%;background:0 0;border:none;text-align:center;position:relative;border-radius:0}
.card:hover{background-color:rgba(0,0,0,.3)}
.card-content{margin:10px;color:#fff;font-size:12px;border:none;overflow:hidden;position:relative;width:80%;margin-left:auto;margin-right:auto;border-radius:5px}
.percent{height:27px;display:flex;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;position:relative;z-index:1}
.percent p{z-index:15;position:absolute;text-align:center;width:100%;font-size:14px;font-weight:700;transform:translateY(14px);color:#000}
.percent-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;z-index:10}
.yellow{background-color:#ffc107!important}
.green{background-color:#28a745!important}.red{background-color:#dc3545!important}
.short{display:none}.mySlides{display:none}
.hover-btn{position:absolute;opacity:0;background-color:rgba(0,0,0,.9);transition:all .1s ease-in-out;z-index:10;width:100%;height:85%}
.play-btn{font-size:15px;text-decoration:none;color:#fff;text-align:center;align-items:center;width:100%;margin:25% auto;padding:8px;background-color:#15b586}
.img-zoom{transition:all .45s ease-in-out;height:150px}
.hover-btn:hover{opacity:100%}
.hover-btn:hover~.img-zoom{position:relative}
.slot-pg-btn{background-color:#7182be;padding:10px 15px;font-size:30px;border-radius:8px}
.play-btn{font-size:12px;text-decoration:none;color:#fff;text-align:center;align-items:center;margin-top:40%;padding:6px;display:block;margin-left:1px;background:linear-gradient(to bottom,#fff095 0%,#b88416 88%);color:#000;border-radius:18px;transition:all .3s ease}
.play-btn:hover{background:linear-gradient(to top,#fff095 0%,#b88416 88%)}@media only screen and (min-width 450px){
    .banner{background-size:cover!important;width:10%;display:flex;align-items:center}.body{background-size:cover!important}}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){
        .container{max-width:720px}}@media(min-width:992px){
            .container{max-width:960px}}@media(min-width:1200px){
                .container{max-width:1140px}}@media(max-width:992px){
                    .slot-sidebar-nav{flex-wrap:nowrap}
        .slot-sidebar{float:none!important;width:100%!important;flex:none!important;max-width:100%!important;padding-right:0!important}
        .content{float:none!important;width:100%!important;flex:none!important;max-width:100%!important}
        .card{width:33.3%!important}
        .hover-btn{display:none}
        .hover-btn:hover~
        .img-zoom{transform:scale(1);position:relative}
        .btn-provider{text-align:center;display:block}
        .enter{display:block}
        .btn-provider span{position:unset}
        .btn-provider i{margin:0}
        .slot-sidebar-nav li{border-bottom:none}
        .slot-sidebar-nav li a p{font-size:5px}
        .img-zoom{height:auto}
        .slot-sidebar-nav li a img{height:17.5px!important}
        .maintenance p{font-size:5px}}