.signup-hint {
display: block;
color: purple;
font-size: 1em;
}

.signup-submit-row {
  display: flex;               /* the theme already sets this on .form-row */
  flex-direction: column;      /* stack the button and spinner */
  align-items: center;         /* center them horizontally */
}

/* NEW: clicks on a locked Submit fall through to the row, so we can react to them */
.signup-submit-row .wpcf7-submit:disabled { pointer-events: none; }

/* NEW: message shown above the button when it's clicked while locked */
.signup-captcha-tip {
  color: #dc3232;          /* same red as CF7's field errors */
  font-size: 1em;
  margin-bottom: 10px;
  text-align: center;
}

/* Keep CF7's spinner round: the theme's ".form-row span" rule makes it full width */
.form-row .wpcf7-spinner {
  width: 24px;
  height: 24px;
  margin: 0 24px;
}
/* Center the Turnstile widget */
.form-row .cf-turnstile {
  margin: 0 auto;
}

/* NEW: hide the hint while an error or a backend message is shown */
.wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) .signup-hint,
.wpcf7-form-control-wrap:has(.signup-info-tip) .signup-hint {
display: none;
}

button.u-btn.u-button-style-2{border:1px solid #bd81cc;border-radius:30px;color:#bd81cc;background:0;padding:15px 30px;transition:background .2s ease}
button.u-btn.u-button-style-2:hover{background:#bd81cc;color:#fff}
button.u-btn.u-button-style-2#verify-btn{padding:5px 15px;margin:0;display:inline-block;text-align:center}
button.u-btn.u-button-style-2#verify-btn:focus{outline:none;box-shadow:0 0 0 2px #bd81cc}
button.u-btn.u-button-style-2#verify-btn:disabled{border-color:#d6d6d6;color:#b0b0b0;background:#f5f5f5;cursor:not-allowed}
button.u-btn.u-button-style-2#verify-btn.is-ready:not(:disabled){background:#bd81cc;color:#fff;box-shadow:0 2px 8px rgba(189,129,204,.5)}
button.u-btn.u-button-style-2#verify-btn.is-ready:not(:disabled):hover{background:#a463b5;border-color:#a463b5}
div.field{display:flex;width:100%;flex-direction:column;}

div.form-row-2.column-children{display: flex; flex-direction: column;}
div.form-row-2.no-margin{margin:0}
p.message{margin:0;color:blue}

.signup-spinner{
  display:none;
  background-color:#23282d;
  opacity:0.75;
  width:24px;
  height:24px;
  border:none;
  border-radius:100%;
  padding:0;
  margin:0 12px;
  position:relative;
}
.signup-spinner.is-active{
  display:inline-block;
}
.signup-spinner::before{
  content:'';
  position:absolute;
  background-color:#fbfbfc;
  top:4px;
  left:4px;
  width:6px;
  height:6px;
  border:none;
  border-radius:100%;
  transform-origin:8px 8px;
  animation-name:signup-spin;
  animation-duration:1000ms;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}
@keyframes signup-spin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

.signup-response-output{
  display:none;
  margin:2em 0.5em 1em;
  padding:0.2em 1em;
  border:2px solid #00a0d2;
}
.signup-response-output.is-visible{
  display:block;
}
.signup-response-output.is-sent{
  border-color:#46b450;
}
.signup-response-output.is-failed{
  border-color:#dc3232;
}
.signup-response-output.is-spam{
  border-color:#f56e28;
}
.signup-response-output.is-invalid{
  border-color:#ffb900;
}

.u-section-1 .u-sheet-1{padding-top:60px}
.u-section-1 .u-text-1{margin:60px auto 0}
.u-section-1 .u-repeater-item{align-items:flex-start}
.u-section-1 .u-list-1{grid-template-rows:auto;margin-top:30px}
.u-section-1 .u-repeater-1{grid-template-columns:calc(33.3333% - 6.66667px) calc(33.3333% - 6.66667px) calc(33.3333% - 6.66667px);grid-gap:10px 10px}
.u-section-1 .u-container-layout-1{padding:30px}
.u-section-1 .u-container-layout-2{padding:30px}
.u-section-1 .u-container-layout-3{padding:30px}
.u-section-1 .u-text-2,.u-section-1 .u-text-3,.u-section-1 .u-text-4{margin:30px auto 0}
span.u-icon img{height:150px}

.u-repeater-item h4{
  color:#2b2b77;
  font-family:'HKGrotesk-Black';
  text-transform:uppercase;
  max-width:220px;
  margin:20px auto 0 auto;

}
@media(max-width:1199px){
  .u-section-1 .u-list-1{height:auto}
  .u-section-1 .u-repeater-1{grid-template-columns:repeat(3,calc(33.3333% - 6.66667px))}
}
@media(max-width:767px){
  .u-section-1 .u-repeater-item h4{font-size:20px;max-width:100%}
  .u-section-1 .u-repeater-item>div img{height:100px;width:100px;object-fit:contain}
  .u-section-1 .u-repeater-item>div{padding-left:5px;padding-right:5px}
}
@media(max-width:575px){
  .u-section-1 .u-repeater-1{grid-gap:5px}
  .u-section-1 .u-repeater-item h4{font-size:14px}
}
@media(max-width:420px){
  .u-section-1 .u-repeater-item h4{font-size:12px}
}