.lds-dual-ring, .text-container {
    display: flex;
    justify-content: center;
    padding-top: 50px;
    color: var(--textColorMain);
}

    .lds-dual-ring:after {
        content: " ";
        display: flex;
        width: 80px;
        height: 80px;
        margin: 8px;
        border-radius: 50%;
        border: 6px solid #fff;
        border-color: var(--primaryColor) transparent var(--primaryColor) transparent;
        animation: lds-dual-ring 1.2s linear infinite;
    }

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.loading-area-hidden {
    display: none;
}
.loading-area {
    top: 186px;
    width: 100vw;
    height: 100vh;
    left: 0;
    position: fixed;
    z-index: 2;
    background-color: rgba(128,128,128,0.5);
}
.loader-parent {
    position: fixed;
    top: 50vh;
    left: 50vw;
    height: 350px;
    width: 500px;
    transform: translate(-50%, -50%);
    background-color:white;
    border-radius: 100px;
}