body .form-assembly-wrapper form .input-wrapper input::focus-visible{
  border-color: transparent;
}
.form:not(.progressive-profiling) .form-control-select{
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0;
  outline: none !important;
}

.form:not(.progressive-profiling) .form-control-select > div{
  background-color: var(--beige);
  border: none;
  outline: none !important;
}

.form:not(.progressive-profiling) .form-control-select #react-select-2-placeholder{
  display: none;
}
body .form-assembly-wrapper form .input-wrapper input{
    border-bottom: 1px solid var(--blue);
    border-radius: 0;
    padding-block: 5px !important;
    outline: none !important;
}
form .input-hint-color-error[style="visibility: hidden;"]{
  display: none;
}
body .form-assembly-wrapper form{
  font-family: var(--primaryFont);
}

body .form-assembly-wrapper form label{
  font-family: var(--primaryFont);
  font-weight: 126;
  font-style: Semibold;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0%;

}

body .form-assembly-wrapper form .privacy-statement-link,
body .form-assembly-wrapper form .privacy-statement p{
  font-size: 16px;
  leading-trim: NONE;
  line-height: 26px;
  letter-spacing: 3%;
  color: white;
}
body .form-assembly-wrapper .form form h2{
  margin-bottom: 20px;
}
body .form-assembly-wrapper .form form p{
  font-size: 14px;
  margin-bottom: 20px;
}
body .form-assembly-wrapper form h1{
  font-size: 64px;
  text-align: center;
  font-family: var(--secondaryFont);
  line-height: 100%;
}

body .form-assembly-wrapper form h3{
  font-size: 18px;
  letter-spacing: 0.15em;
  color: var(--blue);
  line-height: 21px !important;  
}
body .form-assembly-wrapper .form .input-wrapper{
  margin-bottom: 0;
  margin-top: 5px;
}
body .form-assembly-wrapper .input-wrapper:not(.clicked) label{
  position: relative;
  bottom: -21px;
}
body .form-assembly-wrapper .form .input-wrapper--select label{
  bottom: -26px;
  z-index: 10;
}
@media (min-width: 992px) {
  body .form-assembly-wrapper .form form > div{
    width: calc(50% - 15px);
  }
  body .form-assembly-wrapper .form form > div:nth-of-type(5) {
      width: 100%;
  }
  body .form-assembly-wrapper .form .input-wrapper--select{
    margin-top: -6px;
    margin-left: 27px;
  }
}
@media (min-width: 769px) {
  body  .form-assembly-wrapper .form form > div:nth-of-type(7) {
    margin-left: 0px;
    margin-bottom: 0;
  }

  /* body  .form-assembly-wrapper .form form > div:nth-of-type(7) > div{
    margin-top: 0;
  } */
}


body .form-assembly-wrapper .form .btn{
  min-height: 30px;
  text-transform: uppercase;
  margin-left: auto;
}
body .form-assembly-wrapper .form form div.form-submit-border{
  margin-inline: auto;
  width: 100%;
}

body .form-assembly-wrapper form .input-wrapper input,
.form-assembly-wrapper form .input-wrapper input{
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 0;
}

body .form-assembly-wrapper .form form{
  background: transparent;
  padding: 60px 50px 100px;
}

/* bg-stone */
body .form-assembly-wrapper{
  position: relative;
  overflow: hidden;

  width: 100%;
  background-image: url('/harbourside-vip/images/bg/bg-stone.png');
  background-size: 20%;
  background-position: top left;
  background-repeat: repeat;
}

/* Decorative gold line flourishes in the top-right and bottom-left corners,
   mirroring each other. Reuses the shared gold animation asset (same one the
   megamenu uses). Each drifts gently via the `translate` property, leaving the
   `rotate` property free so the bottom-left copy can be mirrored 180deg. */
body .form-assembly-wrapper::before,
body .form-assembly-wrapper::after{
  content: '';
  position: absolute;
  width: 30%;
  height: 100%;
  background-image: url('images/bg/bg_animation.webp');
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: 1;
  animation: hsv-form-flourish 6s ease-in-out infinite;
}

/* Top-right */
body .form-assembly-wrapper::before{
  top: -68%;
    right: -45px;
    background-position: top right;
    transform: rotate(142deg);
}

/* Bottom-left (mirrored) */
body .form-assembly-wrapper::after{
      bottom: -60%;
    left: -22%;
    background-position: bottom left;
    rotate: 112deg;
}

@keyframes hsv-form-flourish{
  0%, 100% { translate: 0 0; opacity: 0.85; }
  50%      { translate: 5px -5px; opacity: 1; }
}

@media (max-width: 992px){
  body .form-assembly-wrapper::before,
  body .form-assembly-wrapper::after{
    width: 110px;
    height: 110px;
  }
}

@media(max-width: 992px){
  body .form-assembly-wrapper .form form{
    padding: 50px 40px;
  }
}