#loading,#globalloading {
    display:none;
    width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: fixed;
z-index: 99;
margin: 0px !important;
background: #ffffff9e;
pointer-events: auto;
overflow-y: hidden;
}
.loaderbg{ 
    position: absolute;
    top: 50%;
    left: 45%;
    z-index: 100;
}
.box-wrapper {
    display: flex;
    flex-direction: column;  
    justify-content: center;
    align-items: center;
    width: 100px;
      height: 100px;
      border-radius: 4px; 
    background-color: #66676C;  
    padding: 10px; 

    box-shadow: 0px 9px 46px 8px #0000001F; 
      box-shadow: 0px 24px 38px 3px #00000024;

      box-shadow: 0px 11px 15px -7px #00000033;

  }

  .loader {
      width: 40px;
      margin-top: 20px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 6px solid #fff;
    animation:
      l20-1 0.8s infinite linear alternate,
      l20-2 1.6s infinite linear;
  }

  .action-text {
    margin-top: 10px;  
    color: white;  
    font-size: 14px;  
    font-weight: bold;  
    font-family: 'FontSoleilRegular', sans-serif;  
   
      font-size: 12px;
      line-height: 24px;
      letter-spacing: -0.6%;
      text-align: center;

  }

  @keyframes l20-1 {
    0%    {clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%)}
    12.5% {clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%)}
    25%   {clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%)}
    50%   {clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%)}
    62.5% {clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%)}
    75%   {clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%)}
    100%  {clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%)}
  }

  @keyframes l20-2 {
    0%    {transform: scaleY(1) rotate(0deg)}
    49.99% {transform: scaleY(1) rotate(135deg)}
    50%   {transform: scaleY(-1) rotate(0deg)}
    100%  {transform: scaleY(-1) rotate(-135deg)}
  }

  @font-face {
    font-family: 'FontSoleilRegular';  
    font-style: normal; 
    src: local('FontSoleilRegular'), url('/Questions/FontSoleilRegular.woff') format('woff'); 
  }