.elementor-621 .elementor-element.elementor-element-afa1c35{--display:flex;--min-height:90vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-621 .elementor-element.elementor-element-afa1c35:not(.elementor-motion-effects-element-type-background), .elementor-621 .elementor-element.elementor-element-afa1c35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://perthcitytaxi.com.au/wp-content/uploads/2022/05/slider-1-2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-621 .elementor-element.elementor-element-1d7d06a:not(.elementor-motion-effects-element-type-background), .elementor-621 .elementor-element.elementor-element-1d7d06a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-621 .elementor-element.elementor-element-1d7d06a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-621 .elementor-element.elementor-element-1d7d06a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:767px){.elementor-621 .elementor-element.elementor-element-afa1c35{--min-height:60vh;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for conexi_booking, class: .elementor-element-510fdf4 */.book-ride-one .booking-form-one input {
    color: #fff !important;
}
.booking-form-one .input-holder select {
    width: 100%;
    background-color: #222222 !important; /* Matches your dark field background */
    color: #fff !important; /* Matches your placeholder text color */
    border: none !important;
    padding: 15px 30px; /* Adjust to match your input padding */
    border-radius: 30px; /* Gives the pill shape */
    height: 60px; /* Forces it to match the height of other inputs */
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.book-ride-one .booking-form-one input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff !important;
}
.book-ride-one .booking-form-one input::-moz-placeholder {
  /* Firefox 19+ */
   color: #fff !important;
}
.book-ride-one .booking-form-one input:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff !important;
}
.book-ride-one .booking-form-one input:-moz-placeholder {
  /* Firefox 18- */
   color: #fff !important;
}

/* Optional: Pushes the submit button down slightly to align better with the time field */
.booking-form-one .input-holder .wpcf7-submit {
    width: 100%;
    height: 60px;
    border-radius: 30px;
    color: #000 !important;
}
/* 1. Remove spacing from CF7's auto-generated paragraph */
.book-ride-one .booking-form-one .input-holder p {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

/* 2. Hide the line-break (<br>) CF7 inserted so it doesn't push the icon down */
.book-ride-one .booking-form-one .input-holder br {
    display: none !important;
}

/* 3. Fix the cut-off text inside the date picker */
.book-ride-one .booking-form-one input[type="date"] {
    line-height: 67px !important; /* Matches the 67px height in your stylesheet */
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

/* 4. Target Chrome/Safari specific date text container */
.book-ride-one .booking-form-one input[type="date"]::-webkit-datetime-edit {
    line-height: normal;
    padding-top: 0;
    padding-bottom: 0;
}
/* Make the native browser calendar icon invisible but keep it clickable */
.book-ride-one .booking-form-one input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
    width: 25px; /* Ensures the clickable area covers your yellow icon */
    position: absolute;
    right: 25px; /* Aligns the invisible click zone with your yellow icon */
}/* End custom CSS */
/* Start custom CSS for conexi_tab, class: .elementor-element-1ed1192 */.single-taxi-one .icon-block {
    display: none;
}
.single-taxi-one h3 {
    margin-top: 30px;
}/* End custom CSS */