#preloader {
    position:fixed;
    top:0;
    left:0;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #14698c;
    z-index: 2000;
    transition:opacity 0.5s linear;
    pointer-events: none;
}

#loaderClip{
    width:160px;
    height:160px;
    position:relative;
    display:grid;
    
    align-items: center;
    justify-items: center;
}
.outer{
    width:160px;
    height:160px;
    border-radius:50%;
    display: flex;
    grid-row: 1;
    grid-column: 1;
    align-items: center;
    justify-content: center;
   /* border:1px solid #ff9900;*/
        box-shadow: 6px 6px 10px -1px rgb(12 60 81 / 57%), -6px -6px 10px -1px rgb(139 217 249 / 38%);
}
.inner{
    width:144px;
    height:144px;
    border-radius:50%;

    box-shadow: inset 4px 4px 6px -1px rgba(12, 60, 81, 0.57),
       inset -4px -4px 6px -1px rgba(139, 217, 249, 0.38),
        0.5px 0.5px 0px rgba(0,0,0, 0.15),
        0px 12px 10px -10px rgba(0,0,0, 0.15);

}
svg{
    grid-row: 1;
    grid-column: 1;
}
svg circle{
    fill:none;
    stroke:url("#GradientColor");
    stroke-width:8px;
    stroke-dasharray:475;
    stroke-dashoffset:475;
  
}
#preload_logo{
    grid-row: 1;
    grid-column: 1;
    width:130px;
    filter: drop-shadow(1px 1px 1px black);
}