.form-control:focus {
    border: 0;
    box-shadow: none;
}

.dropdown-wrapper {
    border-radius: 8px !important;
    overflow: hidden;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    max-height: 350px;
    z-index: 1050;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.trip-dropdown {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: auto;
    max-height: 350px;
    scrollbar-width: thin;
    scrollbar-color: #ccc #f0f0f0;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

    .trip-dropdown::-webkit-scrollbar {
        width: 8px;
    }

    .trip-dropdown::-webkit-scrollbar-track {
        background: #f0f0f0;
        border-radius: 8px;
    }

    .trip-dropdown::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 8px;
        border: 2px solid transparent;
        background-clip: content-box;
    }

        .trip-dropdown::-webkit-scrollbar-thumb:hover {
            background-color: #999;
        }


    .trip-dropdown li .parent-item {
        font-weight: 700;
        color: #444;
        padding: 8px 12px;
        display: block;
    }

    .trip-dropdown .sub-dropdown {
        list-style: none;
        padding-left: 0;
    }

    .trip-dropdown .item {
        color: #444;
        font-size: 14px;
        padding: 8px 22px;
        cursor: pointer;
        position: relative;
    }

            .trip-dropdown .item:hover {
                background-color: rgba(0,0,0,0.15);
            }

            .trip-dropdown .has-children.open > .sub-dropdown {
                display: block;
            }

        .trip-dropdown img {
            width: 10px;
            height: 10px;
            margin-right: 12px;
        }