@font-face{font-family:Montserrat-Regular;src:url(../fonts/montserrat/Montserrat-Regular.ttf)}
@font-face{font-family:Montserrat-ExtraBold;src:url(../fonts/montserrat/Montserrat-ExtraBold.ttf)}
@font-face{font-family:Montserrat-Bold;src:url(../fonts/montserrat/Montserrat-Bold.ttf)}
@font-face{font-family:inglobal-Bold;src:url(../fonts/test/inglobal-Bold.ttf)}
@font-face{font-family:rouble;src:url(../fonts/test/rouble.otf)}
.container-text{display:flex;width:100%}
.txt1{font-family:Montserrat-Regular;font-size:16px;color:#ccc;line-height:1.4;text-decoration:none;}
.txt1:hover{color: #fff}
.w-full{width:50%}
.p-b-230{padding-bottom:20px;}
.p-t-25{padding-top:25px;}
.limiter{padding-top: 50px;width:100%;margin:0 auto; height: 100%;background-color: #f2f2f2;}
.container-login100{height:10%;width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;background-repeat:no-repeat;background-size:cover;background-position:center;}
.wrap-login100{width:390px;background:0 0}
.login100-form{background-color:#212121;border-radius: 20px;padding: 20px; border: 1px solid rgb(0, 0, 0);width:450px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between;flex-wrap:wrap}
.login100-form-title{margin-bottom:30px;margin-top:20px;font-family:Montserrat-ExtraBold;font-size:24px;color:#ffffff;line-height:1.2;text-align:center;width:100%;display:block}
.wrap-input100{position:relative;width:100%;z-index:1;margin-bottom:15px;}
.input100{font-family:Montserrat-Bold;font-size:15px;line-height:1.2;color:#333;display:block;width:100%;background:#fff;height:50px;border-radius:25px;padding:0 30px 0 53px;border:1px solid rgb(0,0,0,0.2)}
.focus-input100{display:block;position:absolute;border-radius:25px;bottom:0;left:0;z-index:-1;width:100%;height:100%;box-shadow:0 0;color:rgba(0,91,234,.6)}
.input100:focus+.focus-input100{-webkit-animation:anim-shadow .5s ease-in-out forwards;animation:anim-shadow .5s ease-in-out forwards}@-webkit-keyframes anim-shadow{to{box-shadow:0 0 80px 30px;opacity:0}}@keyframes anim-shadow{to{box-shadow:0 0 80px 30px;opacity:0}}
.symbol-input100{font-size:15px;color:#999;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;position:absolute;border-radius:25px;bottom:0;left:0;width:100%;height:100%;padding-left:25px;pointer-events:none;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.input100:focus+.focus-input100+.symbol-input100{color:#00c6fb;padding-left:23px}
.container-login100-form-btn{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center}
.login100-form-btn{margin-top:10px;border:none;font-family:Montserrat-Bold;font-size:15px;line-height:1.5;color:#e0e0e0;width:100%;height:50px;border-radius:25px;background:#333;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 25px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;position:relative;z-index:1}
.login100-form-btn::before{content:"";display:block;position:absolute;z-index:-1;width:100%;height:100%;border-radius:25px;top:0;left:0;background:#005bea;background:-webkit-linear-gradient(left,#005bea,#00c6fb);background:-o-linear-gradient(left,#005bea,#00c6fb);background:-moz-linear-gradient(left,#005bea,#00c6fb);background:linear-gradient(left,#005bea,#00c6fb);-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;opacity:0}
.login100-form-btn:hover{background:0 0;color:#fff}.login100-form-btn:hover:before{opacity:1}.btn-face,.btn-google{font-family:Raleway-Bold;font-size:16px;line-height:1.2;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;width:calc((100% - 10px)/2);height:40px;border-radius:3px;border:1px solid #e6e6e6;background-color:#fff;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.btn-face{color:#3b5998}.btn-face i{font-size:20px;margin-right:10px;padding-bottom:1px}
.btn-google{color:#555}.btn-google img{width:19px;margin-right:10px;padding-bottom:1px}
.btn-face:hover,.btn-google:hover{border-color:#d33f8d}.validate-input{position:relative}
.alert-validate::before{content:attr(data-validate);position:absolute;max-width:70%;background-color:#fff;border:1px solid #c80000;border-radius:14px;padding:4px 25px 4px 10px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:8px;pointer-events:none;font-family:Montserrat-Bold;color:#c80000;font-size:13px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}
.alert-validate::after{content:"\f06a";font-family:FontAwesome;display:block;position:absolute;color:#c80000;font-size:15px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:13px}
.alert-validate:hover:before{visibility:visible;opacity:1}@media(max-width:992px){.alert-validate::before{visibility:visible;opacity:1}}@media(max-width:576px){.wrap-login100{padding-top:80px;padding-left:15px;padding-right:15px}}
:active,:hover,:focus {outline:0;outline-offset: 0;}
.w-screen {
    width: 80rem;
}
.w-1 {
    width: 0.125rem;
}
.h-1 {
    height: 0.5rem;
}
.h-3 {
    height: 3rem;
}
.bg-gray-700 {
    background-color: #433a63;
}
.font-montserrat-regular {
    font-family: Montserrat-Regular;
}
.font-montserrat-bold {
    font-family: Montserrat-Bold;
}
.font-montserrat-extra-bold {
    font-family: Montserrat-ExtraBold;
}
.gap-2 {
    gap: 2rem;
}
.gap-3 {
    gap: 3rem;
}
.gap-5 {
    gap: 5rem;
}
.cursor-pointer {
    cursor: pointer;
}
.text-underline{
    border-bottom: 0.5px solid currentColor;
}
.border-left {
    border-left: 1px solid #fff;
}
.fs-sm {
    font-size: 0.75rem;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.time {
    position: absolute;
    top: 10;
    left: -10;
}
.bg-red-500 {
    background-color: #E31912;
}
.bg-green-300 {
    background-color: #10e685;
}
.round-1 {
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 0.5rem;
}
.mt-6 {
    margin-top: 6rem;
}
.border-b {
    border-bottom: 0.5px solid rgb(0,0,0, 0.2);
}
.hover-text-underline:hover{
    border-bottom: 0.5px solid currentColor;
}
.show {
    outline: none;
    border: none;
    background: none;
}
.user-margin {
    margin-bottom: 5rem;
}
.user-margin:first-child {
    margin-top: 2rem;
}
.link{
    text-decoration: none;
    color: #212121;
    font-size: 0.5rem;
}
.link:hover{
    color: #212121;
}
#spinner-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
#spinner-overlay.active {
  opacity: 1;
  pointer-events: all;
}
.spinner {
  width: 60px;
  height: 60px;
  border: 6px solid #ccc;
  border-top-color: #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
body.lock-scroll {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}