* {
    margin: 0;
    padding: 0;
}

.loader_bg {
    position: fixed;
    z-index: 999999;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.loader {
    position: fixed;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.disppear {
    animation: vanish 0.7s forwards;
}

.preloader {
    position: fixed;
    z-index: 999999;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pre-disppear {
    animation: vanish1 0.4s forwards;
}

.disppear {
    animation: vanish 0.5s forwards;
}

@keyframes vanish1 {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes vanish {
    100% {
        opacity: 1;
        visibility: hidden;
    }
}