.login-bg{width:100vw;min-height:100vh}[dir] .login-bg{background-image:url(../img/vuexy-login-bg.04351a33.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;padding-bottom:60px}[dir] .knowledge-base-jumbotron-content{background-image:url(/assets/images/pages/faq.jpg);background-size:cover}.kbs{width:90%}[dir] .kbs{margin:0 auto}.top-login-btn{position:absolute;top:20px;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}[dir=ltr] .top-login-btn{right:40px}[dir=rtl] .top-login-btn{left:40px}.top-login-btn a{font-size:16px;font-weight:600;text-decoration:none;color:#333!important;transition:color .3s}[dir] .top-login-btn a{cursor:pointer;-webkit-transition:color .3s}.top-login-btn a:hover{color:rgba(var(--vs-primary),1)!important}.top-login-btn .separator{color:#999}[dir] .top-login-btn .separator{margin-top:-1px}.about-us-section{width:90%}[dir] .about-us-section{margin:40px auto 0}[dir] .about-us-header{text-align:center}.about-us-header h2{font-size:2rem;font-weight:700;color:rgba(var(--vs-primary),1)}[dir] .about-us-header h2{margin-bottom:10px}.floating-announcement{position:fixed;top:12%;width:280px;-webkit-box-shadow:0 10px 25px rgba(0,0,0,.15);z-index:2000;overflow:hidden}[dir] .floating-announcement{background:#fff;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.15)}[dir=ltr] .floating-announcement{right:20px}[dir=ltr] .floating-announcement,[dir=rtl] .floating-announcement{-webkit-animation:floatTopToBottom 8s ease-in-out infinite alternate;animation:floatTopToBottom 8s ease-in-out infinite alternate}[dir=rtl] .floating-announcement{left:20px}[dir=ltr] .floating-announcement:active,[dir=ltr] .floating-announcement:hover,[dir=rtl] .floating-announcement:active,[dir=rtl] .floating-announcement:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.floating-announcement .fa-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:rgba(var(--vs-primary),1)}[dir] .floating-announcement .fa-header{padding:10px 15px;border-bottom:1px solid rgba(var(--vs-primary),1)}.floating-announcement .fa-header .fa-title{font-size:18px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.floating-announcement .fa-header .fa-close{font-size:20px;line-height:1;transition:color .2s}[dir] .floating-announcement .fa-header .fa-close{cursor:pointer;-webkit-transition:color .2s}.floating-announcement .fa-header .fa-close:hover{color:#fcc}.floating-announcement .fa-body{transition:background .3s}[dir] .floating-announcement .fa-body{padding:15px;cursor:pointer;-webkit-transition:background .3s}[dir] .floating-announcement .fa-body:hover{background:#f9f9f9}.floating-announcement .fa-body .fa-image{width:100%;max-height:120px;-o-object-fit:cover;object-fit:cover}[dir] .floating-announcement .fa-body .fa-image{border-radius:6px;margin-bottom:10px}.floating-announcement .fa-body .fa-summary{font-size:17px;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}[dir] .floating-announcement .fa-body .fa-summary{margin-bottom:12px;text-align:justify}.floating-announcement .fa-body .fa-text-title{font-weight:600;font-size:15px;color:#333}[dir] .floating-announcement .fa-body .fa-text-title{text-align:center}.floating-announcement .fa-footer{font-size:12px;color:#999}[dir] .floating-announcement .fa-footer{padding:8px 15px;border-top:1px solid #f0f0f0;background:#fafafa}.floating-icon{position:fixed;top:12%;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:24px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:1999;transition:background-color .2s,-webkit-transform .2s;transition:transform .2s,background-color .2s;transition:transform .2s,background-color .2s,-webkit-transform .2s}[dir] .floating-icon{background-color:rgba(var(--vs-primary),1);border-radius:50%;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.2);-webkit-transition:background-color .2s,-webkit-transform .2s}[dir=ltr] .floating-icon{right:20px}[dir=rtl] .floating-icon{left:20px}.floating-icon:hover{-webkit-transform:scale(1.05)}[dir] .floating-icon:hover{transform:scale(1.05);background-color:rgba(var(--vs-primary),.85)}.floating-icon i{font-size:22px}@media(max-width:768px){.floating-announcement{width:240px;top:10%}[dir=ltr] .floating-announcement{right:10px}[dir=rtl] .floating-announcement{left:10px}[dir] .floating-announcement .fa-body{padding:12px}.floating-announcement .fa-body .fa-image{max-height:100px}.floating-announcement .fa-body .fa-summary{font-size:15px;-webkit-line-clamp:2}.floating-announcement .fa-body .fa-text-title{font-size:14px}.floating-icon{width:44px;height:44px;font-size:22px}[dir=ltr] .floating-icon{right:10px}[dir=rtl] .floating-icon{left:10px}.floating-icon i{font-size:24px}}@-webkit-keyframes floatTopToBottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(50vh);transform:translateY(50vh)}}@keyframes floatTopToBottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(50vh);transform:translateY(50vh)}}