body {
  font-family: 'Tahoma';
}


.parent {
    position: relative; 
    height: 100vh;
}

.child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Menarik elemen kembali tepat ke tengah */
}

.efek-blur {
    filter: blur(20px) !important;
}
        
/*
-----------------------------------
LOADER
-----------------------------------
*/
.gms_pre_loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #000000d3;
}

.gms_pre_loader .gms_loading {
  position: absolute;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  background: transparent;
  transform: translate(-50%, -50%);
  color: #3739a0;
  box-shadow: 0 0 0 rgba(44, 81, 204, 0.4);
  animation: loader-effect 0.5s infinite;
}


@-webkit-keyframes loader-effect {
  0% {
    background: transparent;
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }

  70% {
    background: transparent;
    -webkit-box-shadow: 0 0 0 30px rgba(204, 169, 44, 0);
  }

  100% {
    background: transparent;
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}

@keyframes loader-effect {
  0% {
    background: transparent;
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }

  70% {
    background: transparent;
    -moz-box-shadow: 0 0 0 30px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 30px rgba(204, 169, 44, 0);
  }

  100% {
    background: transparent;
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}