.password-wrapper {
        position: relative;
    }

    .password-wrapper .toggle-password {
        position: absolute;
        top: 67%;
        right: 25px;
        transform: translateY(-50%);
        cursor: pointer;
        color: #6e6e6e;
    }

    .select-input {
        position: relative !important;
        background-color: #fff !important;
        display: block;
        width: 100% !important;
        height: 50px;
        text-align: left;
        font-size: 17px;
        color: #19191a !important;
        padding: 10px 100px 10px 30px;
        border: 2px solid #d1d5db !important;
        border-radius: 5px !important;
        font-size: 17px;
        color: #6e6e6e;
        padding: 10px 20px;
        transition: all 500ms ease;
    }

    .country-select.inside {
        width: 100% !important;
    }

    .iti {
        width: 100% !important;
        /* Ensure the container takes full width */
    }

    .nav-link {
        display: block;
        padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
        font-size: var(--bs-nav-link-font-size);
        font-weight: var(--bs-nav-link-font-weight);
        color: var(--theme-color);
        text-decoration: none;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    }

    .country-select .country-list {
        background-color: black;
        border: 1px solid #3e3e3e;
        overflow-x: hidden;
    }

    .iti--inline-dropdown .iti__country-list {

        border: 1px solid #3e3e3e;
        background-color: black;
    }

    input[type='search'] {
        -webkit-appearance: none;
        height: 50px;
        background: black;
        color: white;
    }

    .text-danger {
        color: #ff4545 !important;
    }

    .country-select .selected-flag .arrow,
    .iti__arrow {
        visibility: hidden;
    }

    .country-select.inside input,
    .country-select.inside input[type=text] {
        padding-left: 75px;
    }

    .iti__selected-country-primary {
        padding-left: 20px;
    }

    /* Password toggle */
    [dir="ltr"] .password-wrapper .toggle-password {
        right: 25px;
        left: auto;
    }

    [dir="rtl"] .password-wrapper .toggle-password {
        left: 25px;
        right: auto;
    }