/* Preloader covering the whole page */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white; /* You can change the color if needed */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Make sure it's higher than any other content */
}

/* Ensure the loader is centered within the preloader */
#loader {
    width: 200px;
    height: 200px;
    position: relative;
}

/* Optional: Add a transition for smooth disappearance */
.preloader.page-loaded {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}

/*#loader {*/
/*    margin: 30px;*/
/*    position: relative;*/
/*    width: 200px;*/
/*    height: 200px;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

svg {
    width: 100%;
    height: 100%;
}

path {
    fill: #b0b6b1;
    /* fill: #e06c9f;  */
    transition: 0.3s;
    opacity: 1;
}
.uim-svg path{
    fill: #e06c9f;
}

/* Safari */
@-webkit-keyframes spin-inner {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin-inner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes spin-outer {
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin-outer {
    100% { transform: rotate(360deg); }
}

@keyframes addColor {
    to { fill: rgb(70, 134, 70); }
}