.no-gps-container, .iousayhukdsyf_PPP {
     display: flex
;
    align-items: center;
    padding: 14px;
    background-color: #ffffff63;
    border-radius: 10px;
    border: 1px solid #00000024;
    max-width: 400px;
    gap: 20px;
    flex-direction: column;
    text-align: center;
}


















#offline-message{
      transform: translateY(-20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
    padding: 14px 24px 20px 24px;
    z-index: 9999;
    min-width: 300px;
    text-align: center;


    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 50px;
}
/* Spalvos */
#offline-message {
    background-color: #e67e2221;
    color: #000000;
}


/* Judanti linija */
.progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    overflow: hidden;
}

/* Vidinis elementas, kuris juda */
.progress-bar::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 30%;
    background-color: #e67e22;
    animation: moveLine 2s ease-in-out infinite;
    border-radius: 50px;
}

/* Animacija pirmyn ir atgal */
@keyframes moveLine {
    0% {
        left: 0;
    }
    50% {
        left: 70%;
    }
    100% {
        left: 0;
    }
}


.hidden {
    opacity: 0 !important;
    pointer-events: none;
}


#error-container p,
#offline-message{
    font-size: 16px;
}
.err_messagesfdf{
      padding-bottom: 70px;
    width: 100%;
    padding: 10px;
    max-width: 1000px;
    margin: 0 auto;
}














.iossssskdsyf_PPP{
    margin-bottom: 10px;
    color: #e67e22;
    text-align: center;
    font-size: 14px;
}
#error-container{
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap: 10px;
}


.iousayhukdsyf_PPP ul li     {
    list-style: none;
}
.no-gps-animation {
  
    animation: pulse 2s infinite;
}

.gps-icon {
    width: 40PX;
    height: 40PX;
    fill: none;
    stroke: #e67e22;
    stroke-width: 1;
}

.gps-circle {
    stroke-dasharray: 63; /* 2 * π * r */
    stroke-dashoffset: 63;
    animation: drawCircle 1.5s forwards;
}

.gps-cross {
    stroke-dasharray: 22.627;
    stroke-dashoffset: 22.627;
    animation: drawCross 1.5s forwards 1.5s;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

@keyframes drawCircle {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes drawCross {
    to {
        stroke-dashoffset: 0;
    }
}

.no-gps-text {
    /* font-size: 14px; */
    color: #2c3e50;
    max-width: 80%;
}