/*1.3 pages css*/
.preloader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999999999;
    overflow-x: hidden;
}

@media (max-width: 400px) {
  .preloader {
      width: 400px;
  }

}

.preloader-inner {
  display: block;
  width: 45px;
  height: 45px;
}

.preloader-inner span {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 37px;
  height: 37px;
  margin: 4px;
  border: 4px solid transparent;
  border-radius: 50%;
  animation: preloader 1s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #E1DCCC transparent transparent transparent;
}

.preloader-inner span:nth-child(1) {
  animation-delay: -0.1s;
}

.preloader-inner span:nth-child(2) {
  animation-delay: -0.2s;
}

.preloader-inner span:nth-child(3) {
  animation-delay: -0.3s;
}

.preloader .logo{
  clip-path: polygon(49% 0, 49% 0, 49% 100%, 49% 100%);
  transition: all 1s ease-in-out;
}

@-webkit-keyframes preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.allcount {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: 50px;
    font-size: 15px;
    display: flex;
    font-weight: bold;
    color: var(--gt-theme);
    font-family: "Cinzel", serif;
    transition: left 0.3s linear;
}

.progress {
    width: 100%;
    height: 3px;
    background: #1e1e1e;
    margin-top: 10px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: 0;
    border-radius: 0;
    margin-top: 25px;
    opacity: 0;
}

.progress-bar {
  width: 0;
  height: 100%;
  background: var(--gt-theme); /* Adjust color */
  transition: width 0.3s linear;
}