#contact_form_loading {
  display: none;
  height: 100%;
  width: 100%;
  padding-left: 3vw;
}
@media screen and (max-width: 1055px){
  #contact_form_loading {
    padding-left: 5vw;
  }
}
@media screen and (max-width: 450px){
  #contact_form_loading {
    padding-left: 10vw;
  }
}


.loader_flex {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.loader_wrapper {
  margin-bottom: 6%;
}
@media screen and (max-width: 1055px){
  .loader_wrapper {
    margin-bottom: 15%;
  }
}
@media screen and (max-width: 450px){
  .loader_wrapper {
    margin-bottom: 25%;
  }
}


.loader {
  width: 5.20833vw;
  height: 5.20833vw;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #b6b6b6;
  --_m:
    conic-gradient(#0000 10%, #000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@media screen and (max-width: 1055px){
.loader {
  width: 10.20833vw;
  height: 10.20833vw;
  padding: 8px;
}
}
@media screen and (max-width: 450px){
.loader {
  width: 15.20833vw;
  height: 15.20833vw;
  padding: 8px;
}
}


@keyframes l3 {
  to {
    transform: rotate(1turn)
  }
}

.load_text {
  text-align: center;
  font-size: 1.5vw;
  letter-spacing: 1vw;
  padding-left: 2vw;
}
@media screen and (max-width: 1055px){
  .load_text {
    font-size: 2.5vw;
    letter-spacing: 1.5vw;
    padding-left: 2.2vw;
  }
  }
  @media screen and (max-width: 450px){
    .load_text {
      text-align: center;
      font-size: 3.5vw;
      letter-spacing: 2.5vw;
      padding-left: 2.5vw;
    }
  }