.display-none {
  display: none !important;
}

#loader-screen-tmv {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

#loader-screen-tmv .container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1800px;
  flex-direction: column;
}

#loader-screen-tmv .animation-container{
  width: 720px
}

#loader-screen-tmv .logo-container {
  width: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}


  /* Initial page loader */

    :root {
    --mui-primary: #3377e4;   /* MUI blue */
    --mui-track:   #e0e0e0;   /* Track color */
    --size:        48px;      /* Loader size */
    --thickness:   4px;       /* Ring thickness */
    --speed:       1.4s;      /* Rotation speed */
  }

  #loader-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff; /* Optional background color */
  }

  .mui-circular {
    width: var(--size);
    height: var(--size);
    display: inline-block;
    position: relative;
  }

  /* Static track ring */
  .mui-circular::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 var(--thickness) var(--mui-track) inset;
  }

  /* Animated arc */
  .mui-circular::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background:
      conic-gradient(from 0deg, var(--mui-primary) 0 90deg, transparent 90deg 360deg);
    -webkit-mask:
      radial-gradient(farthest-side, transparent calc(100% - var(--thickness)), #000 0);
            mask:
      radial-gradient(farthest-side, transparent calc(100% - var(--thickness)), #000 0);
    animation: mui-rotate var(--speed) linear infinite,
               mui-sweep 1.8s ease-in-out infinite;
  }

  @keyframes mui-rotate {
    to { transform: rotate(360deg); }
  }

  /* Arc length animation like MUI’s dash keyframes */
  @keyframes mui-sweep {
    0%   { background: conic-gradient(from 0deg,   var(--mui-primary) 0 60deg, transparent 60deg 360deg); }
    50%  { background: conic-gradient(from 180deg, var(--mui-primary) 0 300deg, transparent 300deg 360deg); }
    100% { background: conic-gradient(from 360deg, var(--mui-primary) 0 60deg, transparent 60deg 360deg); }
  }