.custom-survey{
	min-height: 70vh;
	margin-bottom: 50px;

	> .container{

		.inner{
			background-color: #A7C5E7;
		    padding: 30px 50px;
		    border-radius: 30px;
			max-width: 600px;
			margin: 0 auto;

			@media(max-width: 425px) {
				padding: 30px 20px;
			}

			.container-progress-bar{
				display: flex;
				flex-direction: column;
				margin-bottom: 50px;
                margin-top: 10px;
                opacity: 0;
                transition: opacity 0.6s ease;

				label{
					font-size: 15px;
					font-weight: 600;
					color: #000;
					text-align: right;
					margin-bottom: 5px;

					> span{}
				}

				.container-line-progress-bar{
					width: 100%;
					height: 5px;
					background-color: #80808052;

					> div{
						width: auto;
						height: 5px;
						background-color: #FFF;
						transition: width 0.5s ease;
					}
				}
				
			}

			form.wpcf7-form{
				
				.wpcf7-form-fields{

					.fieldset-cf7mls-wrapper{
						
						.fieldset-cf7mls{

							&:cf7mls_current_fs{}

							.group-field{
								margin-bottom: 20px;

								> label{
									font-size: 16px;
									font-weight: 600;
									margin-bottom: 5px;
									color: #000;

									span{
										color: #dc3232;
										font-size: 14px;
									}
								}

								.wpcf7-form-control-wrap{
									margin-bottom: 15px;

									> label{
										display: none;
									}

									.wpcf7-not-valid-tip{
										font-size: 12px;
										padding-top: 5px;
									}

									.wpcf7-radio,
									.wpcf7-checkbox{
										display: flex;
		    							flex-direction: column;

		    							.wpcf7-list-item{
		    								margin-left: 5px;
		    								padding: 5px 0;

		    								input[type=radio],
		    								input[type=checkbox]{
		    									transform: scale(1.5);
		    									cursor: pointer;
		    								}

		    								.wpcf7-list-item-label{
		    									margin-left: 15px;
		    									font-size: 15px;
		    									color: #000;
		    									cursor: pointer;
		    								}
		    							}
									}
								}
							}

							.cf7mls-btns{
								margin-top: 30px;
								border-top: 1px solid #0000000F;
							    width: 100%;
							    display: inline-block;

								.cf7mls_next.action-button,
								.cf7mls_back.action-button{
									padding: 12px 30px;
									font-weight: 500;
									margin-bottom: 0;
								}
							}

							p:last-child{
								display: none;
							}
						}
					}
				}

				input[type=text],
				input[type=email],
				input[type=tel],
				textarea{
					width: 100%;
				    padding: 10px 15px;
				    font-size: 15px;
				    border: unset;
				    outline: none;
				    border-top: 2px solid transparent;
				    border-bottom: 2px solid transparent;
				    transition: border-bottom 0.4s ease;

				    &:focus-visible,
				    &:hover{
				    	border-bottom: 2px solid #00000054;
				    }
				}

				textarea{
					height: 120px;
				}

				.txtlegal{
					font-size: 14px;

					.wpcf7-form-control-wrap{

						.wpcf7-list-item{
							margin-left: 0;
							margin-top: 20px;

							> label{

								input[type=checkbox]{
									transform: scale(1.5);
									cursor: pointer;
									margin-left: 5px;
								}

								.wpcf7-list-item-label{
									margin-left: 10px;
								}
							}
						}
					}
				}

				input[type=submit]{
					margin: 0 !important;
				    position: relative;
				    top: 95px;
				    background-color: #FFF;
				    border: unset;
				    color: #0d86ce;

				    @media(max-width: 425px) {
				    	top: 45px;
				    }
				}

				.wpcf7-response-output{
					width: 100%;
					text-align: center;
					margin: 0 auto;
					margin-top: 20px;
				}
			}
		}
	}
}

.custom-file-wrapper {
  	position: relative;
  	display: flex;
  	align-items: center;
  	gap: 12px;
  	flex-wrap: wrap;
}

.custom-file {
  	display: none;
}

.custom-file-button {
  	font-family: inherit;
  	font-size: 12px;
  	padding: 6px 12px;
  	border: 1px solid #ccc;
  	border-radius: 4px;
  	background-color: #f0f0f0;
  	color: #000;
  	cursor: pointer;
  	box-shadow: inset 0 1px 0 #fff;
}

.custom-file-name {
  	font-size: 12px;
  	color: #666;
}