.field::after {
    display: none;
}

.field input,
.field select,
.field textarea {
    padding-left: 47px;
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 18px 18px;
}

.field textarea {
    background-position: 16px 16px;
}

.field:has(input[name="name"]) input,
.field:has(select[name="gender"]) select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8798' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c.8-4.3 3.5-6.5 8-6.5s7.2 2.2 8 6.5'/%3E%3C/svg%3E");
}

.field:has(input[name="mobile"]) input,
.field:has(input[name="alternate_mobile"]) input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8798' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E");
}

.field:has(input[name="email"]) input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8798' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
}

.field:has(input[name="nominee_name"]) input,
.field:has(select[name="nominee_relation"]) select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8798' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='10' r='2.5'/%3E%3Cpath d='M3 20c.5-4 2.5-6 6-6s5.5 2 6 6M15 15c3.4 0 5.4 1.7 6 5'/%3E%3C/svg%3E");
}

.field:has(textarea[name="address"]) textarea,
.field:has(input[name="state"]) input,
.field:has(input[name="city"]) input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8798' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}

.field:has(input[name="pincode"]) input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8798' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M10 3 8 21M16 3l-2 18M4 9h16M3 15h16'/%3E%3C/svg%3E");
}

.field:has(input[name="aadhaar"]) input,
.field:has(input[name="pan"]) input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8798' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2h9l5 5v15H6z'/%3E%3Cpath d='M14 2v6h6M9 13h8M9 17h6'/%3E%3C/svg%3E");
}

@media (max-width: 370px) {
    .field input,
    .field select,
    .field textarea {
        padding-left: 43px;
        background-position-x: 14px;
        background-size: 17px 17px;
    }

    .field textarea {
        background-position: 14px 15px;
    }
}