div.wpcf7{
	width: 100%;
}
form.wpcf7-form div.flex{
	gap: var(--gap);
	margin-bottom: var(--gap);
}
form.wpcf7-form div.flex.select-value{
	gap: 0;
}
form.wpcf7-form div.flex.select-value .wpcf7-form-control-wrap{
	width: auto;
}

form.wpcf7-form div.flex.select-value .wpcf7-list-item-label{
	display: none;
}
form.wpcf7-form div.flex.select-value div.label{
	display: flex;
	align-items: center;
}
.wpcf7-form-control-wrap{
	width: 100%;
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea{
	font-family: var(--font-text);
	width: 100%;
	border:  1px solid var(--color-grey);
	border-radius: 0;
	padding: calc(var(--gap) / 2) var(--gap);
	transition: all 0.3s ease-out;
}

.wpcf7-form-control-wrap input:focus,
.wpcf7-form-control-wrap textarea:focus{
    outline: none !important;
    border:1px solid var(--color-secondary);
    box-shadow: 0 0 5px #719ECE;
  }

.wpcf7-form-control-wrap input{
	height: 35px;
}

.wpcf7-form-control-wrap input[type=checkbox]{
	height: 25px;
	width: 25px;
	margin-right: var(--gap);
}

.wpcf7-form-control-wrap .wpcf7-list-item-label{
	font-family: var(--font-text);
    font-weight: var(--font-text-regular);
}


.wpcf7-form-control-wrap .wpcf7-checkbox > span{
	display: flex;
	align-items: center;
	margin: 0;
}

form.wpcf7-form input[type=submit]{
	cursor: pointer;
}
form.wpcf7-form .flex.center-button{
    flex-direction: column;
    align-items: center;
    margin-top: var(--gap-2);
    margin-bottom: 0;
    gap: 0;
 }

form.wpcf7-form ::placeholder {
  color: var(--color-grey);
  font-style: italic;
}

form.wpcf7-form  .wpcf7-not-valid-tip{
	color: #b94343;
    margin-top: 5px;
    font-style: italic;
}

form.wpcf7-form .wpcf7-response-output{
	border-color: var(--color-secondary) !important;
	padding: calc(var(--gap) / 2) !important;
	margin: 0 !important;
}
form.wpcf7-form.invalid .wpcf7-response-output{
	border-color: #b94343 !important;
}

@media (max-width: 1200px) {
}
@media (max-width: 768px) {
	form.wpcf7-form div.flex{
		flex-direction: column;
		gap: 0;
	}
	form.wpcf7-form div.flex.row{
		flex-direction: row;		
	}	
	.wpcf7-form-control-wrap {  
    margin-bottom: var(--gap);
	}
	.wpcf7-form-control-wrap:last-child {
		margin-bottom: 0;
	}	
}


