/* Chrome / Edge / Safari */
.no-native-calendar::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Hide spin buttons */
.no-native-calendar::-webkit-inner-spin-button,
.no-native-calendar {
    display: none;
}

/* Firefox */
.no-native-calendar {
    appearance: none;
    -moz-appearance: textfield;
}

    /* Edge legacy */
    .no-native-calendar::-ms-clear {
        display: none;
    }

.date-wrapper {
    position: relative;
}

.calendar-icon {
    position: absolute;
    top: 50%;
    right: 40px; /* space for clear icon */
    transform: translateY(-50%);
    cursor: pointer;
}

.clear-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    margin-right: 40px;
}
.register-btn {
    width: 95% !important;
    margin: auto !important;
    display: block !important;
}

.styling1 {
    position: absolute !important;
    top: 50% !important;
    right: 20px !important;
    transform: translateY(-50%) !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.styling3 {
    max-width: 559px !important;
}

.styling4 {
    height: 71px !important;
    width: 38% !important;
}

.password-toggle {
    position: relative;
}

    .password-toggle .form-control {
        padding-right: 3rem; /* space for eye icon */
    }

    .password-toggle .toggle-password {
        position: absolute;
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
        background: transparent;
        border: none;
        padding: 0;
        cursor: pointer;
        line-height: 1;
    }

        .password-toggle .toggle-password i {
            font-size: 1.25rem; /* adjust if needed */
            color: #6c757d; /* Bootstrap muted */
        }
        /* Optional hover */
        .password-toggle .toggle-password:hover i {
            color: #000;
        }