.main-background {
    /* // background: image-url(/building-background-blured.jpg) no-repeat center center fixed;  */
    /* // -webkit-background-size: cover; */
    /* // -moz-background-size: cover; */
    /* // -o-background-size: cover; */
    /* // background-size: cover; */
    background-color: #140a0a;
    color:white;
}

/* .StripeElement, #full-name, #email, #quantity {
  height: 40px;
  width: 100%;

  color: white;
  padding: 10px 12px;
  margin-bottom: 10px;

  border: 1px solid transparent;
  background-color: #312f2f;

  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
  &:focus, &:hover {
    background-color: #2b2b2b;
  }
} */

/* .payment-close, .payment-submit {
  margin-top:10px;
}

.cross-btn {
  color:white;
}

.btn {
  border-radius: 0px;
}

.autohook-icon {
  margin-bottom:5px;
}

#payment-succeeded {
  font-weight: 600;
  color: #65ff65;
}
*/
.nice-green {
  color: #65ff65;
}
/*
#payment-succeeded-info {
  margin-top:5px !important;
  font-weight:600;
}

#contact-email-body {
  font-size:14px;
  float:left;
}

#contact-email {
  color:#64ff64;
  font-weight:600;
}

#thanks {
  font-size:14px;
  float:right;
  color:#64ff64;
  font-weight:600;
}

#false-pos {
  color:#64ff64;
  font-weight:600;
}

#heading-text {
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: bold;
}
*/
.button_to {
  display: inline-block;
}

                  /* STRIPE */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */

  /* Variables */
* {
  box-sizing: border-box;
}

#payment-form {
  align-self: center;
  padding: 30px;
}
.result-message {
  line-height: 22px;
  font-size: 16px;
}
.result-message a {
  color: rgb(89, 111, 214);
  font-weight: 600;
  text-decoration: none;
}
.hidden {
  display: none;
}
#card-errors {
  color: rgb(255, 47, 47);
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  line-height: 17px;
  margin-top: 12px;
}
#payment-request-button {
  margin-bottom: 32px;
}
/* Buttons and links */
.payment-submit {
  background: #5469d4;
  color: #ffffff;
  font-family: Arial, sans-serif;
  border: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
  width: 100%;
}
.payment-close {
  font-family: Arial, sans-serif;
  border: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
  width: 100%;
}
.payment-close:hover, .payment-submit:hover {
  filter: contrast(115%);
}
.payment-close:disabled, .payment-submit:disabled {
  opacity: 0.5;
  cursor: default;
}

#payment-spinner {
  width: 20px;
  height: 20px;
  border: 4px solid rgba(0,0,0,0.1);
  border-top-color: #3498db; /* Change color as needed */
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0px auto;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}