.elementor-1844 .elementor-element.elementor-element-75aca611{--display:flex;}/* Start custom CSS for mptbm_booking, class: .elementor-element-7bdead6c *//* 1. The Main Container Glass Effect */
.mptbm_transport_search_area {
    background: rgba(255, 255, 255, 0.15) !important; /* Adjust 0.15 for more/less transparency */
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    padding: 20px;
}

/* 2. Glass Effect for the Tab Bar */
.tabListsNext {
    background: rgba(0, 0, 0, 0.05) !important;
}

/* 3. Individual Tab Items Styling */
.tabItemNext {
    background: transparent !important;
    transition: all 0.3s ease;
}

/* 4. Highlight the Active Tab (Step 1, 2, or 3) */
.tabItemNext.active {
    background: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

/* 5. Make text inside tabs clearer */
.tabItemNext .circleTitle, 
.tabItemNext .mp_zero {
    color: #ffffff !important; /* Change to #000000 if your background is very light */
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}



/* 7. Remove default backgrounds from content area below tabs */
.tabsContentNext {
    background: transparent !important;
    border: none !important;
}

/* 8. Search Area Layout & Form Transparency */
._dLayout.mptbm_search_area, 
.mpForm {
    background: transparent !important;
    border: none !important;
}

/* 9. Glass Effect for Input Fields (Date, Time, Location) */
.mptbm_search_area .formControl, 
.mptbm_search_area select.formControl {
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
}

/* Placeholder text color (e.g., "Select Date") */
.mptbm_search_area .formControl::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* 10. Styling the Icons inside Inputs */
.mptbm_left_icon, 
.mptbm_search_area i.fas {
    color: #ffffff !important;
    opacity: 0.8;
}
/* 11. solid Off-White Styling for Time Dropdown List */
.mp_input_select_list {
    background: #f9f9f9 !important; /* Solid Off-White */
    border: 1px solid #dddddd !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
    border-radius: 8px !important;
    padding: 5px 0 !important;
    max-height: 250px !important; /* Standard height for scroll */
    overflow-y: auto !important;
    z-index: 9999 !important;
}

/* 11.1 Individual Time Items (Text) */
.mp_input_select_list li {
    color: #222222 !important; /* Dark Grey/Black for best readability */
    padding: 8px 15px !important;
    list-style: none !important;
    background: transparent !important;
    cursor: pointer;
    font-weight: 500 !important;
    border-bottom: 1px solid #eeeeee !important;
}

/* 11.2 Remove border from last item */
.mp_input_select_list li:last-child {
    border-bottom: none !important;
}

/* 11.3 Hover effect for better UX */
.mp_input_select_list li:hover {
    background-color: #e0e0e0 !important; /* Slightly darker grey on hover */
    color: #000000 !important;
}

/* 11.4 Scrollbar styling for the list */
.mp_input_select_list::-webkit-scrollbar {
    width: 6px;
}
.mp_input_select_list::-webkit-scrollbar-thumb {
    background: #cccccc;
    border-radius: 10px;
}


/* 13. Labels Styling (Pickup Date, Location, etc.) */
.inputList span {
    color: #ffffff !important;
    }
    
    /* 14. Distance and Time Summary Area Glass Effect */
.mptbm_distance_time {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 12px;
    padding: 15px;
    margin-top: 20px;
}

/* 15. Remove the vertical separator line if it's too dark */
._equalChild_separatorRight {
    border-right-color: rgba(255, 255, 255, 0.2) !important;
}

/* 16. Summary Text Styling (Total Distance / Total Time) */
.mptbm_distance_time h6 {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 11px !important;
    letter-spacing: 1px;
    margin-bottom: 2px !important;
}

/* 17. The Numeric Results Styling (0 KM / 0 Hour) */
.mptbm_total_distance, 
.mptbm_total_time {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}

/* 18. Summary Icons Styling */
.mptbm_distance_time .textTheme,
.mptbm_distance_time .mi {
    color: #ffffff !important; /* Forces icons to white */
    opacity: 0.9;
}

/* 19. Ensure flex container backgrounds don't overlap */
._dFlex_pR_xs, .dFlex {
    background: transparent !important;
}

/* 20. Target only PC/Desktop (screens wider than 768px) */
@media (min-width: 768px) {
    #mptbm_taxi_return.formControl {
        appearance: none; /* Removes the default browser styling */
        -webkit-appearance: none;
        -moz-appearance: none;
        
        background: rgba(255, 255, 255, 0.2) !important;
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        color: #ffffff !important;
        cursor: pointer;

        
        /* Add a custom arrow icon for PC */
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: right 10px center !important;
        background-size: 18px !important;
    }

    /* Style the dropdown options when clicked on PC */
    #mptbm_taxi_return option {
        background-color: #f9f9f9 !important; /* Solid Off-white like your time list */
        color: #000000 !important; /* Black text */
        padding: 10px !important;
    }
}

/* 21. Specific fix for the hidden/visible toggle behavior */
.mptbm_search_area select.formControl option:checked {
    background-color: rgba(255, 255, 255, 0.3) !important;
}/* End custom CSS */