/*::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(200,200,200,1);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color:  #242423;
    -webkit-box-shadow: inset 0 0 6px rgba(90,90,90,0.7);
}*/
:root {
    --main-bg-color: #242423;
    --second-bg-color: #FDEB18;
    --main-txt-color: black;
    --main-padding: 15px;
}


/*----------------------- Preloader -----------------------*/
body.preloader-site {
    overflow: hidden;
}

.preloader-wrapper {
    height: 100%;
    width: 100%;
    background: var(--main-bg-color);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

    .preloader-wrapper .preloader {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 250px;
    }

        .preloader-wrapper .preloader .img_loader {
            width: 180px;
            position: absolute;
            top: 40%;
            left: 15%;
        }

.postback-wrapper {
    height: 100%;
    width: 100%;
    background: rgba(29, 35, 66, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

    .postback-wrapper .preloader {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 250px;
    }

        .postback-wrapper .preloader .img_loader {
            position: absolute;
            top: 40%;
            left: 15%;
        }

.loader {
    border-top: 16px solid var(--main-bg-color);
    border-bottom: 16px solid var(--second-bg-color);
    border-radius: 50%;
    width: 250px;
    height: 250px;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}