.elementor-291 .elementor-element.elementor-element-33ca5fa5{--display:grid;--min-height:767px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:160px 160px;--row-gap:160px;--column-gap:160px;--grid-auto-flow:row;--overlay-opacity:0.85;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-291 .elementor-element.elementor-element-33ca5fa5:not(.elementor-motion-effects-element-type-background), .elementor-291 .elementor-element.elementor-element-33ca5fa5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yarraluxurycabs.com.au/wp-content/uploads/2026/05/heio-image.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-291 .elementor-element.elementor-element-33ca5fa5::before, .elementor-291 .elementor-element.elementor-element-33ca5fa5 > .elementor-background-video-container::before, .elementor-291 .elementor-element.elementor-element-33ca5fa5 > .e-con-inner > .elementor-background-video-container::before, .elementor-291 .elementor-element.elementor-element-33ca5fa5 > .elementor-background-slideshow::before, .elementor-291 .elementor-element.elementor-element-33ca5fa5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-291 .elementor-element.elementor-element-33ca5fa5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0F172A 0%, #0F172A 100%);}.elementor-291 .elementor-element.elementor-element-33ca5fa5::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-291 .elementor-element.elementor-element-33ca5fa5.e-con{--order:99999 /* order end hack */;}.elementor-291 .elementor-element.elementor-element-600640c{padding:0px 0px 0px 0px;}.elementor-291 .elementor-element.elementor-element-262646bc{width:100%;max-width:100%;background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-291 .elementor-element.elementor-element-262646bc.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-291 .elementor-element.elementor-element-5a0f732{--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-291 .elementor-element.elementor-element-5c9b675{--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;}@media(min-width:1025px){.elementor-291 .elementor-element.elementor-element-33ca5fa5:not(.elementor-motion-effects-element-type-background), .elementor-291 .elementor-element.elementor-element-33ca5fa5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-291 .elementor-element.elementor-element-33ca5fa5{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-291 .elementor-element.elementor-element-33ca5fa5{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;}.elementor-291 .elementor-element.elementor-element-600640c{padding:0px 0px 0px 0px;}.elementor-291 .elementor-element.elementor-element-262646bc{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-262646bc *//* ====================================================
   FORMINATOR: THE OBSIDIAN GLASS MASTER CODE
   ==================================================== */

/* --- 1. THE ULTIMATE WHITE-BACKGROUND KILLER --- */
.elementor-291 .elementor-element.elementor-element-262646bc,
.elementor-291 .elementor-element.elementor-element-262646bc .elementor-widget-container,
.elementor-291 .elementor-element.elementor-element-262646bc .elementor-shortcode {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-ui,
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-ui[data-design="default"],
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-ui[data-design="material"] {
    background: transparent !important;
    background-color: transparent !important;
}

/* --- 2. APPLY GLASS ONLY TO THE INNER FORM --- */
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-ui.forminator-custom-form {
    background: rgba(17, 24, 39, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 35px 30px !important;
    border-radius: 16px !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6) !important;
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

@media (max-width: 767px) {
    .elementor-291 .elementor-element.elementor-element-262646bc .forminator-ui.forminator-custom-form {
        max-width: 95% !important;
        padding: 25px 15px !important; 
        margin: 10px auto !important; 
    }
}

/* --- 3. DYNAMIC PROGRESS BAR & LABELS --- */
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-pagination-steps {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    margin-bottom: 25px !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    padding-bottom: 15px !important;
    position: relative !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-progress-bar {
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    bottom: 22px !important; 
    left: 25% !important;
    width: 50% !important;
    height: 2px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    z-index: 1 !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-progress-bar > span {
    background-color: #d97706 !important;
    height: 100% !important;
    display: block !important;
    z-index: 2 !important;
    transition: width 0.4s ease !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-step {
    position: relative !important;
    z-index: 3 !important; 
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 50% !important;
    background: transparent !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-step-dot {
    width: 14px !important;
    height: 14px !important;
    background: #d97706 !important; 
    border: 2px solid #d97706 !important;
    border-radius: 50% !important;
    margin: 0 auto 8px auto !important;
    display: block !important;
    transition: all 0.3s ease !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-step-label {
    display: block !important;
    visibility: visible !important;
    color: #f8fafc !important; 
    font-size: 0.85rem !important;
    line-height: 1.2 !important;
    height: auto !important;
    min-height: 15px !important;
    transition: all 0.3s ease !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-current .forminator-step-dot {
    background: #d97706 !important;
    border-color: #d97706 !important;
    box-shadow: 0 0 12px rgba(217,119,6,0.7) !important; 
}

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-current .forminator-step-label {
    color: #d97706 !important; 
    font-weight: 700 !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-current ~ .forminator-step .forminator-step-dot {
    background: #1e293b !important; 
    border-color: #334155 !important;
    box-shadow: none !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-current ~ .forminator-step .forminator-step-label {
    color: #9ca3af !important; 
    font-weight: 400 !important;
}

/* --- 4. BUTTON FOOTER & NAVIGATION --- */
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-pagination-footer {
    display: flex !important;
    flex-direction: column-reverse !important; 
    gap: 12px !important; 
    margin-top: 10px !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-button-back {
    width: 100% !important;
    background-color: transparent !important; 
    color: #9ca3af !important; 
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding: 16px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-button-back:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-step:first-of-type .forminator-button-back {
    display: none !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-button-next,
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-button-submit {
    width: 100% !important;
    background-color: #d97706 !important;
    color: #ffffff !important;
    padding: 18px !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
    font-size: 1.1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(217, 119, 6, 0.3) !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-button-next:hover,
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-button-submit:hover {
    background-color: #b45309 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(217, 119, 6, 0.5) !important;
}

@media (max-width: 767px) {
    .elementor-291 .elementor-element.elementor-element-262646bc .forminator-button-next,
    .elementor-291 .elementor-element.elementor-element-262646bc .forminator-button-submit {
        white-space: normal !important; 
        line-height: 1.3 !important;   
        overflow-wrap: break-word !important;
        padding: 16px !important; 
        font-size: 1rem !important;
    }
}

/* --- 5. PREMIUM FLOATING INPUTS & LABELS --- */
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-input,
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-select,
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-textarea,
.elementor-291 .elementor-element.elementor-element-262646bc input.forminator-input,
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-field input,
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-field textarea {
    width: 100% !important;
    background: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    padding: 16px !important;
    border-radius: 8px !important;
    font-size: 1rem !important;
    box-sizing: border-box !important;
    margin-bottom: 15px !important;
    transition: all 0.3s ease !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc ::placeholder { color: rgba(255, 255, 255, 0.4) !important; opacity: 1 !important; }
.elementor-291 .elementor-element.elementor-element-262646bc :-ms-input-placeholder { color: rgba(255, 255, 255, 0.4) !important; }
.elementor-291 .elementor-element.elementor-element-262646bc ::-ms-input-placeholder { color: rgba(255, 255, 255, 0.4) !important; }

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-input:focus,
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-select:focus,
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-textarea:focus,
.elementor-291 .elementor-element.elementor-element-262646bc input.forminator-input:focus,
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-field input:focus,
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-field textarea:focus {
    border-color: #d97706 !important;
    background: rgba(0, 0, 0, 0.6) !important;
    box-shadow: 0 0 0 2px rgba(217, 119, 6, 0.25) !important;
    outline: none !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-label {
    display: block !important;
    color: #f8fafc !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    margin-bottom: 8px !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .forminator-input-with-icon input { padding-left: 38px !important; }
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-icon-calendar { color: #d97706 !important; }
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-required { color: #ef4444 !important; }

/* --- 6. DATE FIELD & DROPDOWN INPUT BOXES (The parts you click) --- */
.elementor-291 .elementor-element.elementor-element-262646bc .select2-container .select2-selection--single,
.elementor-291 .elementor-element.elementor-element-262646bc .select2-container .select2-selection--single:hover,
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-field:hover .select2-container .select2-selection--single,
.elementor-291 .elementor-element.elementor-element-262646bc .select2-container--open .select2-selection--single,
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-field-date input,
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-field-date input.forminator-input,
.elementor-291 .elementor-element.elementor-element-262646bc .forminator-field--date input,
.elementor-291 .elementor-element.elementor-element-262646bc input.forminator-datepicker,
.elementor-291 .elementor-element.elementor-element-262646bc input.hasDatepicker {
    background: #090A0C !important;
    background-color: #090A0C !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 8px !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    outline: none !important;
    color: #ffffff !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .select2-container .select2-selection--single .select2-selection__rendered,
.elementor-291 .elementor-element.elementor-element-262646bc .select2-container .select2-selection--single .select2-selection__placeholder,
.elementor-291 .elementor-element.elementor-element-262646bc .select2-container .select2-selection--single .select2-selection__rendered:hover {
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    line-height: normal !important;
    padding-left: 16px !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .select2-container.select2-container--focus .select2-selection--single {
    border-color: #d97706 !important;
    box-shadow: 0 0 0 2px rgba(217, 119, 6, 0.25) !important;
}

.elementor-291 .elementor-element.elementor-element-262646bc .select2-container .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    right: 12px !important;
}

/* --- 7. GLOBAL POPUP FIX: DROPDOWN MENUS (SELECT2) --- */
html body .select2-container--default .select2-dropdown,
html body .forminator-dropdown-list,
html body .forminator-select-dropdown,
html body .forminator-ui .select2-dropdown {
    background-color: #090A0C !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 12px !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.9) !important;
    z-index: 999999 !important;
}

html body .select2-container--default .select2-results__option,
html body .select2-container .select2-results__option,
html body .forminator-ui .select2-results__option,
html body .forminator-dropdown-item,
html body .forminator-select-dropdown .forminator-select-option {
    background-color: #090A0C !important;
    color: #ffffff !important;
    padding: 14px 20px !important;
    font-size: 0.95rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

html body .select2-container--default .select2-results__option--highlighted[aria-selected],
html body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
html body .select2-container--default .select2-results__option:hover,
html body .select2-container--default .select2-results__option:focus,
html body .select2-container .select2-results__option:hover,
html body .forminator-dropdown-item:hover,
html body .forminator-select-dropdown .forminator-select-option:hover {
    background-color: #090A0C !important;
    background-image: none !important;
    color: #d97706 !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

html body .select2-container--default .select2-results__option[aria-selected="true"],
html body .forminator-dropdown-item.forminator-is_active {
    background-color: #d97706 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}
/* --- 8. GLOBAL POPUP FIX: THE DATEPICKER (BLACK TEXT FALLBACK) --- */

/* Rebuild the main outer box */
html body #ui-datepicker-div {
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 12px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.9) !important;
    padding: 15px !important;
    z-index: 9999999 !important;
}

/* Force ALL Calendar Text (Header, Days, Links) to BLACK for readability */
html body #ui-datepicker-div .ui-datepicker-title,
html body #ui-datepicker-div th,
html body #ui-datepicker-div td span,
html body #ui-datepicker-div td a,
html body #ui-datepicker-div .ui-datepicker-prev span,
html body #ui-datepicker-div .ui-datepicker-next span {
    color: #000000 !important;
    text-shadow: none !important;
    text-align: center !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Force the calendar day links specifically */
html body #ui-datepicker-div td a {
    color: #000000 !important;
    background-color: transparent !important;
    padding: 8px !important;
    display: block !important;
    border: none !important;
}

/* Keep the Exact Selected Date ORANGE with WHITE TEXT */
html body #ui-datepicker-div td a.ui-state-active,
html body #ui-datepicker-div td a.ui-state-highlight,
html body #ui-datepicker-div td a.ui-state-hover {
    background: #d97706 !important;
    background-color: #d97706 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    font-weight: bold !important;
}

/* Fix Dropdowns inside the Calendar */
html body #ui-datepicker-div select.ui-datepicker-month,
html body #ui-datepicker-div select.ui-datepicker-year {
    background: #090A0C !important;
    background-color: #090A0C !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
}/* End custom CSS */