body {
  background-color: #012601;
  color: #fff;
  --bulma-body-family:'vazirmatn-roundot-vf',
                      'vazirmatn-roundot',
                      system-ui,
                      -apple-system,
                      BlinkMacSystemFont,
                      'Segoe UI',
                      'Roboto',
                      'Oxygen',
                      'Ubuntu',
                      'Cantarell',
                      'Open Sans',
                      'Helvetica Neue',
                      'Arial',
                      sans-serif,
                      'Apple Color Emoji',
                      'Segoe UI Emoji',
                      'Segoe UI Symbol';
  min-height: 100vh;
}

.field .label {
  --bulma-text-strong: #fff;
  color: #fff;
}

.main-cell {
  padding-left: 3rem;
  padding-right: 3rem;
}

.list-image {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 20px;
}

.list-image > * > img {
  height: 70px;
  object-fit: contain;
}

.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background: #012601;
  /* background-image: url('../images/chelcheragh.png');
  background-position: center center;
  background-size: 300px;
  background-repeat: no-repeat; */
  /* opacity: 0; */
  z-index: 99999999;
  transition: width 1s ease-in;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}

.loader-wrapper .loader-image {
  width: 250px;
  animation: change-background-size 5s infinite;
  display: none;
}
.loader-wrapper  .loader-text 
{
  display: none;
}
.loader-wrapper.is-active {
  width: 100%;
}

.loader-wrapper.is-active  .loader-text ,
.loader-wrapper.is-active  .loader-image
{

  display: block;
}

@keyframes change-background-size {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
  100% {
    scale: 1;
  }
}