.loading_wrapper {
          position: fixed;
          width: 100%;
          height: 100%;
          top:0;
          left:0; 
          z-index: 2000;
          background-color: transparent;
          backdrop-filter: blur(5px);
          transition: all .7s ease;
          opacity:1; 
           background-color:  #fff;
      
        }
        

        .smart-glass {
          position: absolute;
          margin: auto;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          width: 288px;
          height: 388px;
        }

        .logo-circle {
          width: 288px;
          height: 288px;
          position: relative;
        }

        .circle {
          padding: 20px;
          border: 6px solid transparent;
          border-top-color: var(--secondary-color-theme);
          border-radius: 50%;
          width: 100%;
          height: 100%;
          animation: connect 2.5s linear infinite;
        }
        .hold-x{
          position: absolute;
          top: 50%;
          left: 50%;
          translate: -50% -50%;
        }

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