*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root{
    --line-offset: 100;
    --circle-offset: 50;
}
body.loading {
    overflow: hidden;
}
.loader-wrapper{
    /* position: fixed; */
    z-index: 999;
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50vh;
    overflow: hidden;
}
.loader-svg{
    width:110px;
}
.dummy-sec{
    width:100%;
    height:50vh;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.dummy-sec h1{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 35px;
    color: rgb(39, 39, 39);
}
.dummy-sec a{
    text-decoration: none;
    color: #fafafa;
}
.load-again{
    margin-top: 20px;
    outline: none;
    background-color: rgb(174, 113, 255);
    color: #fafafa;
    text-align: center;
    padding: 15px 35px;
    border-radius: 5px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
.f-c,.s-c,.t-c{
    stroke-dasharray: var(--circle-offset);
    stroke-dashoffset: var(--circle-offset);
}
.f-l,.s-l,.t-l
{
    stroke-dasharray: var(--line-offset);
    stroke-dashoffset: var(--line-offset);
}