:root {
  --font-display: 'Luna', sans-serif;
  --font-base: 'Montserrat', sans-serif;
  --wellington-green: #004A33;
  --wellington-gold: #C49A6C;
  --dark-green: #013A28;
  --white: #fff;
}

/* User Journey CTA */
.user-journey-container.container {position: relative; max-width: 1420px; margin: clamp(25px, 15vw, 125px) auto clamp(5px, 5vw, 100px); box-sizing: border-box; width: 100%;}
.user-journey-container.container:not(.newsletter-signup-container) {padding-left: clamp(20px, 4vw, 50px); padding-right: clamp(20px, 4vw, 50px);}
.user-journey-cta-inner {box-sizing: border-box; border-radius: 20px; gap: 10px; overflow: hidden; position: relative; display: flex; align-items: center;}
.user-journey-image::after {content: ""; background-image: url("../img/svg/cta-image-background-accent.svg"); height: 100%; width: 100%; position: absolute; bottom: 0; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: bottom; max-height: 96%; right: -10%;}
.user-journey-text {width: 100%; box-sizing: border-box; padding: clamp(35px, 10vw, 100px); z-index: 1; display: flex; justify-content: space-between; gap: 125px; align-items: center;}
.user-journey-text .section-title {color: var(--white);}
.user-journey-image {width: 50%; display: flex; justify-content: center; position: relative; padding-left: clamp(25px, 5vw, 50px);}
.user-journey-image img {width: 100%; height: 100%; object-fit: contain; object-position: bottom; position: relative; max-height: 500px; top: 0; z-index: 1;}
.accent-arrow {position: absolute; bottom: 3%; max-width: 115px; right: 22%;}
.accent-arrow path {fill: var(--neon-pink);}
.accent-splat {background-image: url("../img/svg/cta-image-background-accent.svg"); position: absolute; top: -13%; max-width: 350px; right: -7%; background-repeat: no-repeat; background-position: center; background-size: contain; pointer-events: none;}
.background-shapes {position: absolute; opacity: .4; height: 100%; width: 100%; object-position: center; object-fit: cover;}
.section-title.cta-title {font-family: var(--font-display)!important; font-size: 45px!important; text-shadow: 1px 1px 0 var(--wellington-gold), -1px -1px 0 var(--wellington-gold), 1px -1px 0 var(--wellington-gold), -1px 1px 0 var(--wellington-gold), 1px 1px 0 var(--wellington-gold); -webkit-text-fill-color: var(--white); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--wellington-gold); margin-bottom: 15px; line-height: 2;}
.user-journey-text h3 {color: var(--white); font-size: 21px; font-family: var(--font-base); line-height: 1.6; max-width: 700px; margin: 0 auto;}
.user-journey-intro, .user-journey-form {flex: 1;}

/* Newsletter Form */
#wpforms-24003 {margin: 0;}
.newsletter-signup.wpforms-container-full .wpforms-field-container {display: flex; justify-content: space-between; gap: 10px; width: 100%; flex-direction: column;}
.newsletter-signup.wpforms-container-full .wpforms-form .wpforms-field {padding: 10px 0; clear: both; flex: 1; width: 100%; display: flex; flex-direction: column;}
.user-journey-text div.newsletter-signup .wpforms-form input.wpforms-field-medium {max-width: 100%!important; border-radius: 50px; border: none; outline: none; background: var(--dark-green); height: 60px;}
.user-journey-text div.wpforms-container-full .wpforms-form button {background-color: var(--wellington-gold)!important; width: 100%; border-radius: 50px; padding: 0; height: 60px; transition: all ease-in-out .3s; color: var(--white)!important;}
.user-journey-text #wpforms-form-24003 {display: flex; justify-content: space-between; gap: 10px; align-items: center; max-width: 1050px; margin: 0 auto; flex-direction: column;}
.user-journey-text div.wpforms-container-full .wpforms-form .wpforms-submit-container {width: 100%; padding: 0;}
.user-journey-text div.wpforms-container-full .wpforms-form input[type="email"], .user-journey-text div.wpforms-container-full .wpforms-form input[type="text"] {color: var(--white); padding-left: 25px;}
.user-journey-text div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error {border-color: var(--wellington-gold);}
.user-journey-text div.wpforms-container-full .wpforms-form label.wpforms-error {font-weight: 400; color: var(--wellington-gold); font-size: 12px;}
.user-journey-text .wpa-test-msg {display: none !important;}
.user-journey-text div.wpforms-container-full .wpforms-form .wpforms-field-label {color: var(--white); font-weight: 300; font-size: 14px; text-align: left; line-height: 1.6; margin-bottom: 10px;}
.user-journey-text .section-title.cta-title, .user-journey-text h3 {text-align: left !important;}
.user-journey-text .wpforms-field-required {text-align: left; color: var(--white); font-weight: 300;}
.user-journey-text .wpforms-field-required label {font-weight: 300 !important; font-size: 14px !important;}
.user-journey-text div.wpforms-container-full .wpforms-form input[type="checkbox"] {margin-left: 0;}
.user-journey-text .section-title.cta-title {margin-top: 0!important;}

/* Responsive */
@media (max-width: 1550px) {
  .section-title.cta-title {font-size: 45px!important;}
  .user-journey-text h3 {font-size: 20px;}
}

@media (max-width: 1050px) {
  .section-title.cta-title {font-size: 35px!important; margin: 0 auto 20px!important;}
  .user-journey-text h3 {font-size: 19px; max-width: 600px;}
  .user-journey-text div.newsletter-signup .wpforms-form input.wpforms-field-medium {height: 55px;}
  .user-journey-text div.wpforms-container-full .wpforms-form button {height: 55px; font-size: 15px!important;}
  .user-journey-text div.wpforms-container-full .wpforms-form input[type="email"], .user-journey-text div.wpforms-container-full .wpforms-form input[type="text"] {font-size: 15px;}
  .user-journey-text {flex-direction: column; gap: 0;}
  .user-journey-intro {margin-bottom: 20px;}
}

@media (max-width: 850px) {
  .section-title.cta-title {font-size: 33px!important;}
  .user-journey-text h3 {font-size: 18px;}
  .user-journey-text div.newsletter-signup .wpforms-form input.wpforms-field-medium {height: 50px;}
  .user-journey-text div.wpforms-container-full .wpforms-form button {height: 50px; font-size: 13px!important;}
  .user-journey-text div.wpforms-container-full .wpforms-form input[type="email"], .user-journey-text div.wpforms-container-full .wpforms-form input[type="text"] {font-size: 13px;}
}

@media (max-width: 750px) {
.newsletter-signup.wpforms-container-full .wpforms-field-container {flex-direction: column; width: 100%; gap: 0;}
.user-journey-text #wpforms-form-24003 {flex-direction: column;}
.user-journey-text div.wpforms-container-full .wpforms-form .wpforms-submit-container {width: 100%;}
.user-journey-text h3 {font-size: 17px;}
#wpforms-24003 {margin-top: 0;}
}

@media (max-width: 600px) {
   .user-journey-text {padding: clamp(35px, 7vw, 100px);}
}

@media (max-width: 500px) {
  .section-title.cta-title {font-size: 28px !important;}
  .user-journey-text h3 {font-size: 16px;}
  .background-shapes {object-position: left!important;}
   .user-journey-text div.wpforms-container-full .wpforms-form input[type="text"] {text-align: left!important;}
}

@media (max-width: 450px) {
.section-title.cta-title {font-size: 24px !important;}
}