For when you want form labels to sit left (or right) of their inputs but still must have form accessibility in Contact 7, we wrap them in a flex container then ensure for="match-input-id" is set on the label and "id:match-input-id" is set on the input. Ensure all "for=" and its matching "id:" are unique. Use styles someting like those in style tag below (note the flex items there are designed to work within a popup, so you may need to adjust.) From visionglasstoronto.com
  
put this in Contact 7 for forms:
  
  <div class="siteFormWrapper">
   <h2>Contact Us</h2>
    <div class="requiredCallOut">* indicates a required field</div>
    <div class="displayFlex alignItemsCenter formItemWrap">
        <label class="flexItem" for="contact-your-name">*Name</label>
        <div class="flexItem forInput">[text* your-name id:your-name]</div>
    </div>
    <div class="displayFlex alignItemsCenter formItemWrap">
        <label class="flexItem" for="contact-your-email">*Email</label>
        <div class="flexItem forInput">[email* your-email id:your-email]</div>
    </div>
    <div class="displayFlex alignItemsCenter formItemWrap">
        <label class="flexItem" for="contact-phone">Phone</label>
        <div class="flexItem forInput">[text phone id:phone]</div>
    </div>
    <div class="displayFlex formItemWrap">
        <label class="flexItem" for="contact-comments">Questions or comments:</label>
        <div class="flexItem forInput">[textarea your-message id:contact-comments]</div>
    </div>
    <div class="submitButton">[submit "SEND"]</div>
</div>


add this to sytles:

<style>
    ::root{
    --primaryColor: #102341; /*dark blue*/
    --secondaryColor: #0b6cbd; /*light blue*/
    }
form .siteFormWrapper {
	max-width: 600px;
    margin: 40px auto;
    padding: 10px 15px 50px 15px;
    background: var(--primaryColor);
    color: #c1bbbb;
}
form .siteFormWrapper label{
	display: block;
}
form .siteFormWrapper .displayFlex.formItemWrap{
	margin-bottom: 20px;
}
form .siteFormWrapper .displayFlex.formItemWrap label.flexItem{
		flex: 0 1 155px;
		background: #03142f;
		font-size: 14px;
		text-transform: uppercase;
		padding: 14px 5px 14px 10px;
}
form .siteFormWrapper .displayFlex.formItemWrap .flexItem.forInput{
	flex: 1 1 70%;
}
form .siteFormWrapper .displayFlex.formItemWrap .flexItem.forInput input{
	padding: 12px;
    border: none;
    width: 100%;
}
form .siteFormWrapper .displayFlex.formItemWrap .flexItem.forInput textarea{
	width: 100%;
	font-family: inherit;
	padding: 7px;
}
form .siteFormWrapper .displayFlex.formItemWrap input[type="radio"], form .siteFormWrapper .displayFlex.formItemWrap input[type="checkbox"] {
	width: 20px !important;
	height: 20px;
	margin-bottom: 12px;
	vertical-align: -4px;
}
form .siteFormWrapper .submitButton{
	text-align: center;
	padding-top: 40px;
}
form .siteFormWrapper .submitButton input{
	color: #102341;
    padding: 20px;
    font-weight: bold;
    background: white;
    font-size: 20px;
	transition: all .4s;
	cursor: pointer;
}
form .siteFormWrapper .submitButton input:hover{
	transition: all .4s;
	color: white;
	background: var(--secondaryColor);
}

span.wpcf7-not-valid-tip{
	height: 50px;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
	border: 2px solid #f20937;
    max-width: 587px;
    margin: 0 auto;
    color: red;
    background: #102341;
    margin-top: -76px;
	margin-bottom: 40px;
}
div.wpcf7-mail-sent-ok{
	border: 2px solid #d7dce3;
    max-width: 587px;
    margin: 0 auto;
    color: #a1b4cd;
    background: #102341;
    margin-top: -76px;
    margin-bottom: 40px;
}
.wpcf7-response-output{
    text-align: center;
    max-width: 583px;
    margin: 20px auto 40px auto!important;
 }
.wpcf7-spinner{
	display: block!important;
	margin: atuo;
}

@media (max-width: 599px){
	form .siteFormWrapper .displayFlex.formItemWrap{
		flex-wrap: wrap;
	}
	form .siteFormWrapper .displayFlex.formItemWrap label.flexItem, form .siteFormWrapper .displayFlex.formItemWrap .fakeLabel.flexItem{
		flex: 1 1 100%;
	}
	form .siteFormWrapper .displayFlex.formItemWrap .flexItem.forInput{
		flex: 1 1 100%;
	}
	form .siteFormWrapper .displayFlex.formItemWrap .flexItem.forInput input[type="radio"], form .siteFormWrapper .displayFlex.formItemWrap .flexItem.forInput input[type="checkbox"]{
		margin-top: 10px;
	}
}

/*dont display google captcha badge*/

</style>