/* ========================================
   FORM FIELDS
======================================== */

.f-orm .elementor-field-group {
    position: relative;
}


/* ========================================
   COMMON ICON SETTINGS
======================================== */

.f-orm #form-field-name,
.f-orm #form-field-field_5301328,
.f-orm #form-field-field_790b33d,
.f-orm #form-field-email,
.f-orm #form-field-message,

/* Required / validation states */
.f-orm #form-field-name:required,
.f-orm #form-field-field_5301328:required,
.f-orm #form-field-field_790b33d:required,
.f-orm #form-field-email:required,
.f-orm #form-field-message:required,

.f-orm #form-field-name:invalid,
.f-orm #form-field-field_5301328:invalid,
.f-orm #form-field-field_790b33d:invalid,
.f-orm #form-field-email:invalid,
.f-orm #form-field-message:invalid,

.f-orm #form-field-name:valid,
.f-orm #form-field-field_5301328:valid,
.f-orm #form-field-field_790b33d:valid,
.f-orm #form-field-email:valid,
.f-orm #form-field-message:valid {

    background-repeat: no-repeat !important;
    background-position: 20px center !important;
}


/* ========================================
   FIRST NAME
======================================== */

.f-orm #form-field-name,
.f-orm #form-field-name:required,
.f-orm #form-field-name:invalid,
.f-orm #form-field-name:valid,
.f-orm #form-field-name:focus {

    background-image: url("https://project2.1stopwebsitesolution.com/ittakesmorethanaman/wp-content/uploads/2026/09/Vector-10.svg") !important;
    background-size: 15px auto !important;
    padding-left: 48px !important;
}


/* ========================================
   LAST NAME
======================================== */

.f-orm #form-field-field_5301328,
.f-orm #form-field-field_5301328:required,
.f-orm #form-field-field_5301328:invalid,
.f-orm #form-field-field_5301328:valid,
.f-orm #form-field-field_5301328:focus {

    background-image: url("https://project2.1stopwebsitesolution.com/ittakesmorethanaman/wp-content/uploads/2026/09/Vector-10.svg") !important;
    background-size: 15px auto !important;
    padding-left: 48px !important;
}


/* ========================================
   PHONE NUMBER
======================================== */

.f-orm #form-field-field_790b33d,
.f-orm #form-field-field_790b33d:required,
.f-orm #form-field-field_790b33d:invalid,
.f-orm #form-field-field_790b33d:valid,
.f-orm #form-field-field_790b33d:focus {

    background-image: url("https://project2.1stopwebsitesolution.com/ittakesmorethanaman/wp-content/uploads/2026/09/Vector-11.svg") !important;
    background-size: 16px auto !important;
    padding-left: 49px !important;
}


/* ========================================
   EMAIL
======================================== */

.f-orm #form-field-email,
.f-orm #form-field-email:required,
.f-orm #form-field-email:invalid,
.f-orm #form-field-email:valid,
.f-orm #form-field-email:focus {

    background-image: url("https://project2.1stopwebsitesolution.com/ittakesmorethanaman/wp-content/uploads/2026/09/Icon.svg") !important;
    background-size: 16px auto !important;
    padding-left: 49px !important;
}


/* ========================================
   MESSAGE
======================================== */

.f-orm #form-field-message,
.f-orm #form-field-message:required,
.f-orm #form-field-message:invalid,
.f-orm #form-field-message:valid,
.f-orm #form-field-message:focus {

    background-image: url("https://project2.1stopwebsitesolution.com/ittakesmorethanaman/wp-content/uploads/2026/09/Icon-1.svg") !important;
    background-size: 15px auto !important;
    background-position: 20px center !important;
    padding-left: 48px !important;
}


/* ========================================
   PLACEHOLDER
======================================== */

.f-orm input::placeholder,
.f-orm textarea::placeholder {
    color: #1f1f1f;
    opacity: 1;
}


/* ========================================
   SUBMIT BUTTON
======================================== */

.f-orm .elementor-button {
    height: 50px;
}


/* ========================================
   MOBILE
======================================== */

@media (max-width: 767px) {

    .f-orm #form-field-name,
    .f-orm #form-field-field_5301328,
    .f-orm #form-field-field_790b33d,
    .f-orm #form-field-email,
    .f-orm #form-field-message {

        background-position: 20px center !important;
    }

}