/* loader.css */
.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(32, 38, 40, 0.8); /* Optional overlay background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }
  
  .loader-circle-18 {
      width: 70px;
      height: 70px;
      border-right: 4px solid #3498db;
      border-radius: 100%;
      animation: anmR-loader-circle-18 800ms linear infinite;
      display: inline-block;
      position: relative;
  }
  .loader-circle-18:before,
  .loader-circle-18:after {
      content: "";
      width: 40px;
      height: 40px;
      display: block;
      position: absolute;
      top: calc(50% - 20px);
      left: calc(50% - 20px);
      border-left: 3px solid #d35400;
      border-radius: 100%;
      animation: anmL-loader-circle-18 800ms linear infinite;
  }
  .loader-circle-18:after {
      width: 30px;
      height: 30px;
      top: calc(50% - 15px);
      left: calc(50% - 20px);
      border: 0;
      border-right: 2px solid #2ecc71;
      animation: none;
  }
  @keyframes anmL-loader-circle-18 {
      from {
          transform: rotate(0deg);
      }
      to {
          transform: rotate(720deg);
      }
  }
  @keyframes anmR-loader-circle-18 {
      from {
          transform: rotate(360deg);
      }
      to {
          transform: rotate(0deg);
      }
  }