/* for loader animation */
.loader {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  visibility: visible;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;
  -webkit-transition: 1s cubic-bezier(0.858, 0.01, 0.068, 0.99);
  -o-transition: 1s cubic-bezier(0.858, 0.01, 0.068, 0.99);
  transition: 1s cubic-bezier(0.858, 0.01, 0.068, 0.99);
  background: linear-gradient(
    45deg,
    rgba(60, 125, 60, 1) 0%,
    rgba(107, 141, 60, 1) 50%,
    rgba(219, 178, 61, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.loader_img {
  width: 110px;
  height: auto;
}

/* for about overlay */
.about_overlay {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  visibility: visible;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  background: var(--secondary);
  -webkit-transition: 2s cubic-bezier(0.858, 0.01, 0.068, 0.99);
  -o-transition: 2s cubic-bezier(0.858, 0.01, 0.068, 0.99);
  transition: 2s cubic-bezier(0.858, 0.01, 0.068, 0.99);
}