.elementor-232 .elementor-element.elementor-element-093c884{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-232 .elementor-element.elementor-element-445944d{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:40px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-232 .elementor-element.elementor-element-445944d:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-445944d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C7;}.elementor-232 .elementor-element.elementor-element-227953d > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-232 .elementor-element.elementor-element-445944d{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for html, class: .elementor-element-227953d */@media (max-width: 576px) {
    .booking-tab-2 {
        padding: 10px !important;
        font-size: 0.8rem;
    }
    
    .booking-tab-2.active {
        color: #ffa500;
        border: 1px solid white;
    }
    
    .booking-tab-2:hover {
        border: 1px solid white;
    }
    
    .booking-tab-2 {
        border: 1px solid transparent;
    }
    
    label {
    font-size: 10px !important;
}
.ui-menu-item {
    font-size: 10px !important;
}
}

.booking-tabs {
    display: flex;
    justify-content: start;
    margin-bottom: 30px;
    border-bottom: 1px solid white;
    flex-wrap: wrap;
}

.booking-tab-2 {
    padding: 15px 25px;
    color: #fff;
    cursor: pointer;
    transition: 0.5s;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.booking-tab-2.active {
    color: #ffa500;
    border-top: 1px solid white;
    border-right: 1px solid white;
    border-left: 1px solid white;
}

.booking-tab-2:hover {
    color: #ffa500;
    border-top: 1px solid white;
    border-right: 1px solid white;
    border-left: 1px solid white;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b83015b */.field-with-icon {
  display: flex;
  align-items: center;
  align-self: end !important;
  background:transparent;
  border-radius: 6px;
  border: 1px solid white;
}

.field-with-icon i {
  color: #000;
  background: #f0f0f0;
  padding: 10px;
  border-radius: 5px;
}

.field-with-icon input {
  border: none;
  background: transparent;
  padding: 0.5rem;
  outline: none;
}


/* General Form Styling */
.form_active {
    display: block;
}

.form_inactive {
    display: none;
}

/* Form Group Styling */
.form-group-2 {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 5px !important
}

.elementor-kit-15 p {
    margin-bottom: 0 !important;
}

/* Input Fields */
.wpcf7-form-control {
    border: none;
    background: transparent;
    font-size: 10px;  /* Reduce font size */
    outline: none;
}

/* Placeholder Styling */
.wpcf7-form-control::placeholder {
    color: rgba(255, 255, 255, 0.6); /* Light white */
    font-size: 12px;
   
}

/* Labels */
label {
    color: #fff !important;
    font-size: 12px !important;
    margin-left: 4px;
}


/* Search Button */

.wpcf7-form-control.wpcf7-submit.has-spinner.search-button-2 
 {
    padding: 0.5rem 3rem !important;
    background: #ffa500;
    color: white;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    width: 100%;
}

/* Force Apply Styles in Contact Form 7 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 #trip-class , .wpcf7 #retrun-field {
  
    background: transparent !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    padding:0 0 0 5px !important;
    color: white !important;
}

.wpcf7 input[type="date"] select{
    color: black !important;
    background: red !important;
}

.wpcf7-form-control option {
    color: #000 !important; /* Black text color for select options */
    background: #fff !important; /* White background for better visibility */
}

.autocomplete-container {
    position: relative;
    display: flex;
    align-items: center;
}

.autocomplete-field {
    width: 100%;
    padding: 10px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    border-radius: 10px;
}

/* Show the '×' button when the input has text */
.autocomplete-field:not(:placeholder-shown) + .clear-input {
    display: block;
}

/* Style the dropdown container */
.ui-autocomplete {
    background: #333;  /* Dark background */
    border: 1px solid #fff;  /* White border */
    z-index: 2 !important;  /* Ensure it appears on top */
    max-height: 200px; /* Limit height for better visibility */
    overflow-y: auto; /* Enable scrolling */
}

/* Style individual dropdown options */
.ui-menu-item {
    color: #fff !important;  /* White text */
    padding: 5px;  /* Add some spacing */
    cursor: pointer;
    font-size: 12px;
}

/* Change option background on hover */
.ui-menu-item:hover {
    background: #ffa500; /* Orange hover effect */
    color: #000 !important; /* Black text on hover */
}

.ui-autocomplete {
    position: absolute !important;  /* Ensures correct positioning */
    z-index: 2 !important;  /* Higher than other elements */
}

.passenger-field {
    width: 100%;
    cursor: pointer;
    color: white;
    font-size: 0.7rem;
}

.passenger-dropdown {
    display: none;
    position: absolute;
    background: white;
    z-index: 9999;
    padding: 10px;
    width: 250px;
}

.passenger-category{
    border-bottom: 1px solid gray;
    margin-bottom: 10px;
}

.passenger-name
  {
    text-align: center !important;
}

.counter {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.counter button {
    background:#ffa500;
    color: white;
    border: none;
    padding: 10px;
}

.done-btn {
    padding: 8px;
    background:#ffa500;
    color: white;
    border: none;
    margin-top: 10px;
}

.icon-sec{
    display: flex;
    justify-content: space-between;
    color: white;
    padding: 0 10px 0 0;
}

/* Hide default calendar icon in Chrome, Safari, Edge */
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

/* Hide default icon in Firefox */
input[type="date"] {
  position: relative;
}

input[type="date"]::-moz-calendar-picker-indicator {
  display: none;
}

.wpcf7-response-output {
    color: white !important; /* Change to your preferred color */
}

.flatpickr-monthDropdown-month {
    color: black !important; /* Change color to black or any visible color */
}/* End custom CSS */