/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/



/* PAGE LOADER */
.page-loader {
        background-color: var(--bg-white);
        height: 100vh;
        width: 100vw;
        position: fixed;

        z-index: 99999;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;
        gap: 20px;
        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

}

.page-loader.hidden-load {
        background-color: var(--bg-white);
        height: 100vh;
        width: 100vw;
        position: fixed;

        z-index: -1;
        opacity: 0;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
}
.loader-sca{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;gap: 10px;
      }
    .bars {
        width: 62px;
        height: 29px;
        --c: linear-gradient(#6B6B6D 0 0);
        background: var(--c) 0% 50%, var(--c) 50% 50%, var(--c) 100% 50%;
        background-size: 16.19px 100%;
        margin-top: 2px;
        background-repeat: no-repeat;
        -webkit-animation: bars-t0lx83md 1s infinite linear;
                animation: bars-t0lx83md 1s infinite linear;
    }
    
    @-webkit-keyframes bars-t0lx83md {
       33% {
          background-size: 16.19px 10% ,16.19px 100%,16.19px 100%;
       }
    
       50% {
          background-size: 16.19px 100%,16.19px 10% ,16.19px 100%;
       }
    
       66% {
          background-size: 16.19px 100%,16.19px 100%,16.19px 10%;
       }
    }
    
    @keyframes bars-t0lx83md {
       33% {
          background-size: 16.19px 10% ,16.19px 100%,16.19px 100%;
       }
    
       50% {
          background-size: 16.19px 100%,16.19px 10% ,16.19px 100%;
       }
    
       66% {
          background-size: 16.19px 100%,16.19px 100%,16.19px 10%;
       }
    }