.supp-btn{margin:35px 0 0;}
.need-conts{margin:0 auto 32px;max-width:800px;position:relative; z-index:1;}
.need-conts h2{margin-bottom:10px;}
/* CTA Form Module - Content Paragraph Typography (exact Figma specs) */
.need-conts p {
  font-family: var(--font-family-body, 'Gotham', sans-serif) !important;
  font-size: 17px !important;
  font-weight: 300 !important; /* Light weight for thinner appearance */
  line-height: 1.4 !important;
  letter-spacing: -0.0544px !important;
  font-style: normal !important;
  color: #ffffff !important;
  margin-bottom: 10px !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.need-forms{border-radius:7px;background-color:var(--white_color);padding:32px;max-width:800px; margin:0 auto;position:relative;z-index:1;}
.white-text .need-forms label span{color:var(--base_color); font-size:17px;line-height: 150%;letter-spacing: 0.17px;}
.need-forms textarea{height:160px; }

/* CTA Form Module - Form Fields Spacing (20px gap between fields) */
.need-forms .hs-form-field {
  margin-bottom: 20px !important;
}

.need-forms .form-columns-2 {
  margin-bottom: 20px !important;
}

.need-forms .membership_status input {
  margin-bottom: 0px !important;
}

/* Remove margin from first name field container */
.need-forms .hs-form-field:has(input[id*="firstname"]),
.need-forms .hs-form-field:has(input[id*="first_name"]) {
  margin-bottom: 0 !important;
}
/* Remove margin from first name input itself */
.need-forms .hs-form-field input[id*="firstname"],
.need-forms .hs-form-field input[id*="first_name"] {
  margin-bottom: 0 !important;
}
.need-forms .hs-form-field:last-of-type {
  margin-bottom: 0 !important;
}
.need-forms .hs-form-field {
  margin-bottom: 20px !important;
}
.need-forms .hs-form-field:last-of-type {
  margin-bottom: 0 !important;
}
.need-forms .hs-form-field {
  margin-bottom: 20px !important;
}
.need-forms .hs-form-field:last-of-type {
  margin-bottom: 0 !important;
}

/* CTA Form Module - Submit Button Container (20px spacing from form fields) */
.need-forms form .hs-submit,
.need-forms .hs_submit,
.need-forms .hs-submit .actions {
  margin-top: 20px !important;
  width: 100% !important;
}

/* CTA Form Module - Submit Button Full Width with Primary Button Styling */
.need-forms form input[type=submit],
.need-forms form .hs-button,
.need-forms form .hs-submit .hs-button,
.need-forms .hs_submit input[type=submit],
.need-forms .hs-submit input[type=submit] {
  width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* CTA Form Module - Form Label Typography (exact Figma specs) */
.need-forms form label,
.need-forms form .hs-form-field > label {
  font-family: var(--font-family-body, 'Gotham', sans-serif) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.17px !important;
  color: #000000 !important;
  margin-bottom: 10px !important;
  font-style: normal !important;
}

.form-columns-1 {
  margin-bottom: 20px !important;
}


/* CTA Form Module - Form Fields Typography (exact Figma specs) */
.need-forms form input[type=text],
.need-forms form input[type=search],
.need-forms form input[type=email],
.need-forms form input[type=password],
.need-forms form input[type=tel],
.need-forms form input[type=number],
.need-forms form input[type=file],
  border-radius: 9px !important;
  background-color: #f4f4f4 !important;
  border: 1px solid #6f7482 !important;
  padding: 15px 16px !important;
  font-family: var(--font-family-body, 'Gotham', sans-serif) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.17px !important;
  color: #000000 !important;
  font-style: normal !important;
}

/* CTA Form Module - Form Placeholder Text (exact Figma specs) */
.need-forms form input::placeholder,
.need-forms form textarea::placeholder {
  color: var(--Form-Text-text_placeholder, #6F7482) !important;
  font-family: var(--Font-Family-Body, Gotham) !important;
  font-size: var(--Form-Input, 17px) !important;
  font-weight: 400 !important;
  line-height: 150% !important;
  letter-spacing: 0.17px !important;
  font-style: normal !important;
}

/* CTA Form Module - Select Dropdown Placeholder Styling */
.need-forms form select {
  color: var(--Form-Text-text_placeholder, #6F7482) !important;
}

.need-forms form select option {
  color: #000000 !important;
}

.need-forms form select option:first-child {
  color: var(--Form-Text-text_placeholder, #6F7482) !important;
}

/* CTA Form Module - Submit Button Typography (exact Figma specs) */
.need-forms form input[type=submit],
.need-forms form .hs-button {
  font-family: var(--font-family-title, 'Inter', sans-serif) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: 0 !important;
  font-style: normal !important;
}

/* CTA Form Module - Dropdown Icon (14px size as per Figma) */
.need-forms form select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M7.03261 11.4051L3.94694e-05 4.37256L14.0652 4.37256L7.03261 11.4051Z' fill='%230D0D0D'/%3E%3C/svg%3E") !important;
  background-size: 14px 14px !important;
  background-position: center right 16px !important;
  background-repeat: no-repeat !important;
  padding: 15px 40px 15px 16px !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.needhelp-shape{position:absolute; top:0; width:100%; height:100%; left: 0; overflow: visible; pointer-events: none;}
.ntshape-1 { position: absolute; width: 86px; height: 86px; }
.ntshape-2 { position: absolute; width: 166px; height: 166px; }
.ntshape-3 { position: absolute; width: 48px; height: 48px; }
.ntshape-4 { position: absolute; width: 124px; height: 124px; }

@media(max-width:767px){
  .ntshape-1.hide-mobile,
  .ntshape-2.hide-mobile,
  .ntshape-3.hide-mobile,
  .ntshape-4.hide-mobile {
    display: none;
  }
  .ntshape-4{top:27%; bottom:0;}  
  .ntshape-2 { right: 0;top: auto; bottom: 45px; left: 55%; text-align: center; height: 48px; width: 48px;}
.need-forms form input[type=text], .need-forms form input[type=search], .need-forms form input[type=email],
  .need-forms form input[type=password], .need-forms form input[type=tel], 
  .need-forms form input[type=number], .need-forms form input[type=file], .need-forms form select{padding: 34.3px 16px 29.3px;}  
}