@font-face {
    font-family: YekanBakhRegulare;
    src: url(../fonts/woff2/YekanBakhNoEn-Regular.woff2);
}

.kz-loadere {
    font-family: YekanBakhRegulare, sans-serif;
    direction: rtl !important;
}

.kz-loader {
    --kz-loader-scale: 2.6666666667vw;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: var(--kz-loader-scale);
    box-sizing: border-box;
    direction: rtl !important;
}

@media (min-width: 768px) {
    .kz-loader {
        --kz-loader-scale: .5208333333vw;
    }
}

@media (min-width: 1920px) {
    .kz-loader {
        --kz-loader-scale: 10px;
    }
}

.kz-loader *,
.kz-loader *::before,
.kz-loader *::after {
    box-sizing: border-box;
}

.kz-loader-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    will-change: transform;
    opacity: 0;
    background: #141414;
}

.kz-loader-fill {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    will-change: transform;
    background: #0a0a0a;
}

.kz-loader-box {
    position: relative;
    display: inline-block;
    text-align: center;
}

.kz-loader-figure {
    display: inline-grid;
    align-items: center;
    grid-auto-flow: column;
    gap: 1.5em;
}

.kz-loader-arrow {
    width: 3.5em;
    height: 12.1em;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 121"><path fill="%23fff" d="M17.96 6.83c-2.95 2.82-4.43 6.84-4.43 11.93 0 1.6.14 3.62.67 6.03l2.68 14.07c.54 2.55.8 4.69.8 6.57 0 4.02-1.2 7.37-3.34 9.91-2.15 2.55-5.36 4.16-9.38 4.96 4.02.8 7.23 2.41 9.38 4.96 2.14 2.54 3.35 5.76 3.35 9.78 0 1.88-.27 4.15-.8 6.7L14.2 95.81a27.41 27.41 0 0 0-.67 6.03c0 5.23 1.48 9.25 4.43 11.93 2.94 2.81 7.37 4.15 13 4.15h3.48v2.68h-3.49c-6.3 0-11.25-1.6-14.87-4.82-3.62-3.22-5.36-7.64-5.36-13.54 0-1.6.13-3.75.67-6.3l2.68-14.2c.4-2.01.67-4.29.67-6.7 0-4.02-1.34-7.24-3.89-9.65C8.31 63.11 4.7 61.91 0 61.64v-2.68c4.69-.13 8.3-1.34 10.99-3.75 2.54-2.28 3.88-5.5 3.88-9.65 0-2.01-.26-4.29-.8-6.7l-2.68-14.2a28.81 28.81 0 0 1-.67-6.3c0-5.76 1.74-10.32 5.36-13.54C19.7 1.61 24.66 0 30.95 0h3.49v2.68h-3.49c-5.62 0-10.05 1.47-13 4.15Z"/></svg>');
    background-size: cover;
}

.kz-loader-arrow.-right {
    transform: scaleX(-1);
}

.kz-loader-icons {
    position: relative;
    width: 8.2em;
    height: 8.2em;
}

.kz-loader-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

.kz-loader-icon:first-child {
    opacity: 1;
}

.kz-loader-icon svg {
    display: block;
    height: 100%;
    width: 100%;
}

.kz-loader-logo {
    display: block;
    width: 9.1em;
    height: 1em;
    margin: 3.14em auto 0 auto;
}

.kz-loader-logo img,
.kz-loader-logo-img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

.kz-loader-percent {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7em;
    z-index: 1;
    will-change: transform;
    opacity: 0;
    font-size: 3.8em;
    line-height: 100%;
    letter-spacing: -.03em;
    text-align: center;
    transition: opacity .2s;
}

@media (min-width: 768px) {
    .kz-loader-percent {
        left: auto;
        right: 7em;
        bottom: 7em;
        font-size: 10em;
    }
}

.kz-loader-percent::after {
    content: "%";
}

.kz-loader-percent.-visible {
    opacity: 1;
}