.footer-with-nav {
    display: grid;
    grid-template-rows: 1.8fr 1fr 1fr;
    grid-template-columns: 1fr;
    position: relative;
}

.footer-helper__container {
    background-position: top right;
    background-size: cover;
    grid-area: 1 / 1 / span 3 / 3;
    background-color: #ffffff;
    position: static;
}

.footer-background-image {
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgb(255, 255, 255);
    position: relative;
    opacity: 0.99;
    grid-area: 1 / 1 / span 3 / 3;
}

.footer-helper__text-container {
    padding: 4rem 8rem 8rem;
}

.title {
  margin: 0;
}

.margin-top {
    margin-top: 2rem;
    color: #323232;
}

.help-links {
    -webkit-text-decoration: none;
    text-decoration: none;
}

.hs-form-field input {
    color: white;
}

.hs-form-field input:focus {
    color: white;
}

.help-links__text {
    font-size: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #323232;
}

.help-links__text svg {
  margin-left: 1rem;
}

.footer-menu {
    display: grid;
    grid-template-columns: 14rem auto;
    color: #ffffff;
    grid-area: 2 / 1 / span 2 / 2;
    z-index: 2;
    position: relative;
}

.large-acumen-academy-logo {
    z-index: 1;
    margin-left: 30px;
    max-width: 25rem;
    height: 38rem;
    position: absolute;
    bottom: 68px;
}

.large-acumen-academy-logo polygon:first-of-type {
    fill: var(--primary_color);
}

.large-acumen-academy-logo polygon:last-of-type {
    fill: var(--secondary_color);
}

.footer-menu__container {
    background-color: #323232;
    padding-top: 2rem;
}

.global-width {
  max-width: 1440px;
}

.footer-menu__container,
.footer-menu__wrapper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    grid-area: 1 / 2;
}

.footer-menu__wrapper {
    min-height: 460px;
    grid-template-columns: 290px 3fr 0.65fr;
    grid-row-gap: 3rem;
    display: grid;
}

.footer-menu__title {
    grid-area: 1 / 2 / 1 / 3;
    padding: 0;
}

.footer-menu__signup {
    display: grid;
    grid-template-columns: 30% 10% auto;
    grid-area: 2 / 2 / auto / span 2;
    /* grid-column-gap: 20px; */
    padding-right: 50px;
}

.signup-title {
    grid-area: 1 / 1;
}

.signup-description {
    grid-area: 2 / 1 / 2 / 1;
    margin: 0;
    letter-spacing: -0.37px;
    line-height: 1.25rem;
    font-size: 15px;
}

.newsletter-form {
    grid-area: 1 / 3 / 1 / 3;
}

.newsletter-form form {
    display: grid;
    grid-template-rows: repeat(2,1fr);
    grid-template-columns: 50% 50%;
    margin: 0;
}

.newsletter-form .form-title {
    display: none;
    padding: 0;
}

.newsletter-form form .hs-form-field {
    border: 1px solid #fff;
    display: block;
    margin: 0;
}

.newsletter-form .hs-firstname {
    grid-area: 1 / 1 / span 1 / span 1;
}


.newsletter-form .hs-lastname {
    grid-area: 1 / 2 / span 1 / span 2;
}


.newsletter-form .hs-email {
    grid-area: 2 / 1 / span 1 / span 1;
}
.newsletter-form .hs-fieldtype-textarea {
   grid-area: 2 / 2 / span 2 / span 2;
}
.newsletter-form label {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.newsletter-form input {
    background-color: transparent;
    border: none !important;
    width: 100%;
    height: auto !important;
    color: #ffffff !important;
    padding: 16px 24px;
    font-size: 16px;
    width: 100%;
}

.newsletter-form input::-webkit-input-placeholder {
    color: white !important;
  }

  .newsletter-form input:-webkit-autofill,
  .newsletter-form input:-webkit-autofill:hover, 
  .newsletter-form input:-webkit-autofill:focus,
  .newsletter-form input:-webkit-autofill:active,
  .newsletter-form textarea:-webkit-autofill,
  .newsletter-form textarea:-webkit-autofill:hover,
  .newsletter-form textarea:-webkit-autofill:focus,
  .newsletter-form textarea:-webkit-autofill:active
  .newsletter-form select:-webkit-autofill,
  .newsletter-form select:-webkit-autofill:hover,
  .newsletter-form select:-webkit-autofill:focus,
  .newsletter-form select:-webkit-autofill:active {
    -webkit-text-fill-color: #fff !important; 
    -webkit-box-shadow: 0 0 0 1000px #323232 inset;
    background-image: none !important;
    transition: background-color 5000s;
  }

.newsletter-form .hs-submit {
    color: #ffffff;
    grid-area: 5 / 2 / span 1 / span 1;
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff;
    padding: 0;
}

.newsletter-form .hs-button {
    display: block;
    font-weight: bold;
    font-size: 16px;
    -webkit-transform: skew(0deg);
    -ms-transform: skew(0deg);
    transform: skew(0deg);
    margin-left: 0;
    min-height: 53px;
    height: auto;
    width: 100%;
}

.newsletter-form .hs-error-msgs .hs-error-msg {
    position: relative;
    overflow: auto;
    left: 0px;
    top: auto;
    width: auto;
    height: auto;
    margin-left: 24px;
}

.footer-nav__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: grid;
    grid-area: 3 / 2 / auto / auto;
    grid-template-columns: repeat(3,30%);
    padding-bottom: 2rem;
}

.columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.footer-nav-title {
    font-size: 20px;
}

.nav-links {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #ffffff !important;
    font-weight: bold;
    font-size: 16px;
}

.sub-footer-menu {
    grid-area: 2;
    grid-column: 1 / 3;
    grid-template-columns: 94px 30% auto 15% 94px;
    display: grid;
    padding: 16px 0px;
}

.left-column {
    grid-area: 1 / 2 / auto / auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: normal;
    font-size: 13px;
}

.copyright {
    font-weight: normal;
    font-size: 13px;
    padding-right: 10px;
    margin: 0;
}

.left-column__links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-around;
    -webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    font-size: 13px;
}

.sub-footer_link {
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    font-size: 13px;
}

.right-column {
    grid-area: 1 / 4 / auto / auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin: auto 0 auto auto;
}

.right-column a {
    padding-left: 25px;
}

.path-fill {
  fill: #ffffff;
}

.blue-image {
    background-image: var(--blue_image);
}

.red-image {
    background-image: var(--red_image);
}

.green-image {
    background-image: var(--green_image);
}

.purple-image {
    background-image: var(--purple_image);
}

@media only screen and (min-width: 900px) {
  .sub-footer-menu {
      grid-template-columns: 94px 40% auto 15% 94px;
  }
}

@media only screen and (max-width: 1100px) {
  .footer-menu {
      grid-template-columns: 0px 100%;
      grid-area: 2 / 1 / span 2 / 2;
  }
  
  .large-acumen-academy-logo {
    display: none;
  }

  .footer-helper__text-container {
    padding: 4rem 24px 24px 24px;
  }
  
  .footer-menu__wrapper {
      border: none;
      padding: 0px 24px 24px 24px;
      grid-template-rows: 8rem 12rem;
      grid-row-gap: 0;
  }
  
  .footer-menu__title {
    grid-area: 1 / 1 / 1 / 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 36px;
    line-height: 42px;
  }
  
  .footer-menu__signup {
      grid-area: 2 / 1 / span 3 / span 2;
      grid-row-gap: 0.5em;
      padding: 0px 5px;
  }
  
  .signup-description__container {
      grid-area: 1 / 1 / span 1 / span 3;
  }

  .newsletter-form {
    grid-area: 3 / 1 / 3 / 4;
  }
  
  .newsletter-form form {
      display: flex;
	  flex-wrap: wrap;
      padding: 0 14px;
  }

  .newsletter-form input {
    color: #fff !important;
  }
  
  .newsletter-form .hs-firstname {
      grid-area: 1 / 1 / span 1 / span 3;
  }
  
  .newsletter-form .hs-lastname {
      grid-area: 2 / 1 / span 1 / span 3;
  }
  
	.newsletter-form .hs-email {
		grid-area: 3 / 1 / span 1 / span 3;
	}
  
	.newsletter-form .hs-submit {
		flex: 0 0 100%;
		max-width: 100%;
    }
  
  .footer-nav__container {
    display: none;
  }
  
  .sub-footer-menu {
    grid-template-columns: 55% auto 20%;
    padding: 0 14px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  .left-column {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-area: 1 / 1 / span 1 / span 1;
  }
  
  .right-column {
    grid-area: 1 / 2 / span 1 / span 2;
    margin: auto;
  }
}

@media only screen and (max-width: 599px) {
  .footer-menu__wrapper {
      border: none;
      padding: 0px 14px 0px 14px;
      grid-template-columns: 1fr;
  }
  
  .newsletter-form {
    padding-bottom: 20px;
  }
  
  .input {
    padding: 13px 22px;
  }

  .newsletter-form input {
    color: #fff !important;
    font-size: 13px;
  }

  .footer-with-nav {
    grid-template-rows: 0fr 1fr;
    }

    .footer-helper__container {
    display: none;
    }

    .left-column {
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    }

    .right-column {
        margin: auto 0 auto auto;
    }

    .right-column a {
        padding-left: 5px;
    }

    .sub-footer_link {
        font-size: 13px;
    }
	.newsletter-form form .hs-fieldtype-textarea {
        grid-area: 4 / 1 / span 1 / span 3;
    }
	.newsletter-form form {
        grid-template-rows: repeat(1,1fr);
    }
}

@media only screen and (max-width: 375px) {
    .left-column {
        grid-area: 1 / 1 / span 1 / span 2;
    }
}

@media only screen and (max-width: 300px) {
    .sub-footer-menu {
        display: flex;
        flex-direction: column;
    }

    .right-column {
        margin: 20px 0 0 0;
        justify-content: flex-start;
    }
}