.form-footer-wrapper {
    max-width: 1360px;
    width: 100%;
}

.form-footer-page-va {
    /* align-items: center; */
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    position: relative;
}

.form-4-va {
    /* align-items: flex-start; */
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 10px;
    max-width: 1360px;
    padding: 0px 40px;
}

.form-footer-page .gradient-border {
    width: 100%;
}

/* Scope everything under the new wrapper */
.form-footer-wrapper .form-footer-container {
    display: flex;                   /* horizontal layout for text/form and image */           
    align-items: stretch;   
    height: 100%;          /* vertically center children */
    justify-content: space-between;  /* space between form and image */
    gap: 40px;                    /* spacing between blocks */
}

/* Vertically center content inside the left form block */
.form-footer-wrapper .left-form-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
   
}

.form-footer-wrapper .form-footer-image {
   height: 100%;
    /* width: auto;          */
    object-fit: cover;
    display: block;  

    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 1000px;
    width: 100%;
}

.form-footer-wrapper .right-image-block { 
    outline: 2px dashed rgba(255,0,0,0.2); 
}

.form-ask.form .form-field:nth-child(2) {
    margin-bottom: 8px;
}

@media screen and (max-width: 1240px) {
    .form-footer-wrapper .form-footer-image {
        display: none;
    }
}

/* Optional: stack vertically on smaller screens */
@media (max-width: 992px) {
  .form-footer-wrapper .form-footer-container {
      flex-direction: column;
      align-items: center;
  }
  .form-footer-wrapper .form-footer-image {
      margin-top: 20px;
  }
}