.fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}

#responsive-form .fa, #responsive-form .far, #responsive-form .fas {color: #1e73be;     
    position: absolute;
    z-index: 9;
    margin-top: 10px;
      left: 10px;
    font-size: 23px;}

input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {
	
	
    padding-left: 42px;
    border: 1px solid #1e73be;
    color: #1e73be !important;

}

.wpcf7-form-control-wrap label {color: #fff; margin-bottom: 0}

#responsive-form textarea {
    background: #fff url(https://hoianspa.beauty/wp-content/uploads/2025/01/comment2.png);
    background-position: 7px 8px;
    background-repeat: no-repeat;
    background-size: 30px 24px;
}

.form-row.column300, .form-row.form-rowfirstc {
    display: inline-flex
;
    width: 100%;
}

.form-row.form-rowfirstc .column-half {
    width: 50%;
}

.column-full.column301 {
    width: 50%;
}

.column-full.column302, .column-full.column303 {
    width: 25%;
}
.selectdiv1 {
    float: left;
    text-align: left;
}

.column-full.column303 select.input-gio {
    float: right;
    padding-left: 30px;
}
.column-full.column302 select.input-gio, .column-full.column303 select.input-gio {
    width: 96%;
}
#responsive-form.contact-formnews .form-row.form-rowfirstc .column-half .fas.fa-envelope-open-text,     #responsive-form.contact-formnews .form-row .column-full.selectdiv1 .fas.far.fa-clock {
    left: 53%;
}

#responsive-form.contact-formnews .form-row .column-full.selectdiv2 .far.fa-clock {
    left: 77%;
}


.form-row.form-rowfirstc .column-half input.input-yourems {
    float: right;
}

.form-row.form-rowfirstc .column-half input.input-yourtels, .form-row.form-rowfirstc .column-half input.input-yourems {
    width: 98%;
}

.entry-content .column-full.column301 input:not([type=submit]) {
    width: 96%;
    float: left;
}

.column-full.column302.selectdiv1 {margin-left: 10px}

@media screen and (max-width: 549px) {
	
	.form-row.column300 {display: block}
	.column-full.column301 {width: 100%}
	.column-full.column302, .column-full.column303 {display: inline-flex; width: 50%}
	.column-full.column302.selectdiv1 {margin-left: 0}
	.column-full.column302.selectdiv1 p, .column-full.column303.selectdiv2 p {width: 100%}
	#responsive-form.contact-formnews .form-row .column-full.selectdiv1 .fas.far.fa-clock {left: 10px}
	#responsive-form.contact-formnews .form-row .column-full.selectdiv2 .far.fa-clock {left: 53%}
}

/* IOS Detect */
@media screen and (max-width:1023px) {
@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices only */
	 .input-datetime {
		    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
   	min-width: 95% !important;
   	 -webkit-appearance: textfield !important;
    -moz-appearance: textfield !important;
	-webkit-appearance: none !important;
	
}
		.input-gio {  
	  box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
   	 -webkit-appearance: textfield !important;
    -moz-appearance: textfield !important;
	-webkit-appearance: none !important;	}
	
	}
}

@media screen and (max-width:1023px) {
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
	 .input-datetime {
	 box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
   	min-width: 95% !important;
   	 -webkit-appearance: textfield !important;
    -moz-appearance: textfield !important;
	-webkit-appearance: none !important;
	
}

	.input-gio {    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
   	 -webkit-appearance: textfield !important;
    -moz-appearance: textfield !important;
	-webkit-appearance: none !important;  }
}
	}
/* End IOS */