.elementor-14607 .elementor-element.elementor-element-5d72813{--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;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.8;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-6bd24db );--border-color:var( --e-global-color-6bd24db );--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14607 .elementor-element.elementor-element-5d72813:not(.elementor-motion-effects-element-type-background), .elementor-14607 .elementor-element.elementor-element-5d72813 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-00cfdae );}.elementor-14607 .elementor-element.elementor-element-5d72813::before, .elementor-14607 .elementor-element.elementor-element-5d72813 > .elementor-background-video-container::before, .elementor-14607 .elementor-element.elementor-element-5d72813 > .e-con-inner > .elementor-background-video-container::before, .elementor-14607 .elementor-element.elementor-element-5d72813 > .elementor-background-slideshow::before, .elementor-14607 .elementor-element.elementor-element-5d72813 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14607 .elementor-element.elementor-element-5d72813 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000073 0%, var( --e-global-color-f4653de ) 112%);}.elementor-14607 .elementor-element.elementor-element-6211385{--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;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.8;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14607 .elementor-element.elementor-element-6211385:not(.elementor-motion-effects-element-type-background), .elementor-14607 .elementor-element.elementor-element-6211385 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6767b97 );}.elementor-14607 .elementor-element.elementor-element-6211385::before, .elementor-14607 .elementor-element.elementor-element-6211385 > .elementor-background-video-container::before, .elementor-14607 .elementor-element.elementor-element-6211385 > .e-con-inner > .elementor-background-video-container::before, .elementor-14607 .elementor-element.elementor-element-6211385 > .elementor-background-slideshow::before, .elementor-14607 .elementor-element.elementor-element-6211385 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14607 .elementor-element.elementor-element-6211385 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000073 0%, var( --e-global-color-f4653de ) 112%);}.elementor-14607 .elementor-element.elementor-element-a2a538e{width:100%;max-width:100%;--e-icon-list-icon-size:8px;--icon-vertical-offset:0px;}.elementor-14607 .elementor-element.elementor-element-a2a538e .elementor-icon-list-icon i{color:var( --e-global-color-2982886 );transition:color 0.3s;}.elementor-14607 .elementor-element.elementor-element-a2a538e .elementor-icon-list-icon svg{fill:var( --e-global-color-2982886 );transition:fill 0.3s;}.elementor-14607 .elementor-element.elementor-element-a2a538e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-14607 .elementor-element.elementor-element-a2a538e .elementor-icon-list-item > a{font-size:13px;font-weight:600;text-transform:uppercase;line-height:19px;letter-spacing:1px;}.elementor-14607 .elementor-element.elementor-element-a2a538e .elementor-icon-list-text{color:var( --e-global-color-2982886 );transition:color 0.3s;}.elementor-14607 .elementor-element.elementor-element-6e34bdb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-14607 .elementor-element.elementor-element-6e34bdb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:40px;color:var( --e-global-color-primary );}.elementor-14607 .elementor-element.elementor-element-3c1496c{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-14607 .elementor-element.elementor-element-25431ce{--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;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.8;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14607 .elementor-element.elementor-element-25431ce:not(.elementor-motion-effects-element-type-background), .elementor-14607 .elementor-element.elementor-element-25431ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6767b97 );}.elementor-14607 .elementor-element.elementor-element-25431ce::before, .elementor-14607 .elementor-element.elementor-element-25431ce > .elementor-background-video-container::before, .elementor-14607 .elementor-element.elementor-element-25431ce > .e-con-inner > .elementor-background-video-container::before, .elementor-14607 .elementor-element.elementor-element-25431ce > .elementor-background-slideshow::before, .elementor-14607 .elementor-element.elementor-element-25431ce > .e-con-inner > .elementor-background-slideshow::before, .elementor-14607 .elementor-element.elementor-element-25431ce > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000073 0%, var( --e-global-color-f4653de ) 112%);}.elementor-14607 .elementor-element.elementor-element-bbfc5ca .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-14607 .elementor-element.elementor-element-bbfc5ca .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-14607 .elementor-element.elementor-element-bbfc5ca .elementor-field-group.recaptcha_v3-bottomleft, .elementor-14607 .elementor-element.elementor-element-bbfc5ca .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-14607 .elementor-element.elementor-element-bbfc5ca .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-14607 .elementor-element.elementor-element-bbfc5ca .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-14607 .elementor-element.elementor-element-bbfc5ca .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-14607 .elementor-element.elementor-element-bbfc5ca .elementor-field-type-html{padding-bottom:0px;}.elementor-14607 .elementor-element.elementor-element-bbfc5ca .elementor-field-group .elementor-field{color:var( --e-global-color-primary );}.elementor-14607 .elementor-element.elementor-element-bbfc5ca .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-6767b97 );}.elementor-14607 .elementor-element.elementor-element-bbfc5ca .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-6767b97 );}.elementor-14607 .elementor-element.elementor-element-bbfc5ca .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-14607 .elementor-element.elementor-element-bbfc5ca .elementor-button[type="submit"]{color:#ffffff;}.elementor-14607 .elementor-element.elementor-element-bbfc5ca .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-14607 .elementor-element.elementor-element-bbfc5ca .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-14607 .elementor-element.elementor-element-bbfc5ca .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-14607 .elementor-element.elementor-element-bbfc5ca .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-14607 .elementor-element.elementor-element-bbfc5ca .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-14607 .elementor-element.elementor-element-bbfc5ca .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-14607 .elementor-element.elementor-element-bbfc5ca{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-14607 .elementor-element.elementor-element-16e674c{--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;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.8;--border-radius:20px 20px 20px 20px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14607 .elementor-element.elementor-element-16e674c:not(.elementor-motion-effects-element-type-background), .elementor-14607 .elementor-element.elementor-element-16e674c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6767b97 );}.elementor-14607 .elementor-element.elementor-element-16e674c::before, .elementor-14607 .elementor-element.elementor-element-16e674c > .elementor-background-video-container::before, .elementor-14607 .elementor-element.elementor-element-16e674c > .e-con-inner > .elementor-background-video-container::before, .elementor-14607 .elementor-element.elementor-element-16e674c > .elementor-background-slideshow::before, .elementor-14607 .elementor-element.elementor-element-16e674c > .e-con-inner > .elementor-background-slideshow::before, .elementor-14607 .elementor-element.elementor-element-16e674c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000073 0%, var( --e-global-color-f4653de ) 112%);}.elementor-14607 .elementor-element.elementor-element-eb3c0d2{width:100%;max-width:100%;text-align:center;color:var( --e-global-color-primary );}.elementor-14607 .elementor-element.elementor-element-eb3c0d2 p{margin-block-end:0px;}.elementor-14607 .elementor-element.elementor-element-eb3c0d2 a{color:var( --e-global-color-2982886 );}@media(min-width:768px){.elementor-14607 .elementor-element.elementor-element-5d72813{--width:75%;}.elementor-14607 .elementor-element.elementor-element-6211385{--width:100%;}.elementor-14607 .elementor-element.elementor-element-25431ce{--width:100%;}.elementor-14607 .elementor-element.elementor-element-16e674c{--width:100%;}}@media(max-width:1024px){.elementor-14607 .elementor-element.elementor-element-5d72813{--min-height:100%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--flex-wrap:nowrap;}.elementor-14607 .elementor-element.elementor-element-6211385{--min-height:100%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--flex-wrap:nowrap;}.elementor-14607 .elementor-element.elementor-element-25431ce{--min-height:100%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--flex-wrap:nowrap;}.elementor-14607 .elementor-element.elementor-element-16e674c{--min-height:100%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--flex-wrap:nowrap;}}@media(max-width:767px){.elementor-14607 .elementor-element.elementor-element-5d72813{--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;}.elementor-14607 .elementor-element.elementor-element-6211385{--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;}.elementor-14607 .elementor-element.elementor-element-6e34bdb .elementor-heading-title{font-size:24px;line-height:1.25em;}.elementor-14607 .elementor-element.elementor-element-3c1496c{width:100%;max-width:100%;}.elementor-14607 .elementor-element.elementor-element-25431ce{--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;}.elementor-14607 .elementor-element.elementor-element-16e674c{--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;}.elementor-14607 .elementor-element.elementor-element-eb3c0d2{width:100%;max-width:100%;}}/* Start custom CSS for form, class: .elementor-element-bbfc5ca */<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
(function($) {
    function forceUpdateStepBars() {
        var $form = $('.custom-booking-form, form.elementor-form');
        if (!$form.length) return;

        var $indicators = $form.find('.e-form__indicators__indicator');
        var $steps = $form.find('.elementor-field-type-step');

        if (!$indicators.length) return;

        // Calculate current active step index based on visible step
        var activeIndex = 0;
        if ($steps.length) {
            $steps.each(function(index) {
                if ($(this).is(':visible') && !$(this).hasClass('elementor-hidden') && $(this).css('display') !== 'none') {
                    activeIndex = index;
                }
            });
        }

        // Loop through indicators and set colors
        $indicators.each(function(index) {
            if (index <= activeIndex) {
                $(this).css('background-color', '#ff9e00').attr('style', function(i, s) {
                    return (s || '') + ' background-color: #ff9e00 !important;';
                });
            } else {
                $(this).css('background-color', '#2c3344').attr('style', function(i, s) {
                    return (s || '') + ' background-color: #2c3344 !important;';
                });
            }
        });
    }

    $(document).ready(function() {
        forceUpdateStepBars();
        setTimeout(forceUpdateStepBars, 50);
        setTimeout(forceUpdateStepBars, 150);
        setTimeout(forceUpdateStepBars, 300);
        setTimeout(forceUpdateStepBars, 800);

        // Listen for Next / Previous button clicks
        $(document).on('click', '.e-form__buttons__wrapper__button, .elementor-button', function() {
            setTimeout(forceUpdateStepBars, 50);
            setTimeout(forceUpdateStepBars, 150);
            setTimeout(forceUpdateStepBars, 300);
            setTimeout(forceUpdateStepBars, 500);
        });

        // Listen for field changes
        $(document).on('change input', '.custom-booking-form form, form.elementor-form', function() {
            setTimeout(forceUpdateStepBars, 100);
        });

        // Mutation Observer
        var targetNode = document.querySelector('.custom-booking-form') || document.querySelector('form.elementor-form');
        if (targetNode) {
            var observer = new MutationObserver(function() {
                forceUpdateStepBars();
            });
            observer.observe(targetNode, { childList: true, subtree: true, attributes: true, attributeFilter: ['class', 'style'] });
        }
    });
})(jQuery);
</script>

<style>
/* Main Container Dark Background */
.custom-booking-form {
    background-color: #0b0e17;
    padding: 30px;
    border-radius: 16px;
}

/* --- 1. TOP PROGRESS STEP BARS --- */
.custom-booking-form .e-form__indicators {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 30px !important;
    width: 100% !important;
}

/* Base style for all step segments */
.custom-booking-form .e-form__indicators__indicator {
    flex: 1 1 0% !important;
    height: 4px !important;
    background-color: #2c3344;
    border-radius: 2px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    position: relative !important;
    transition: background-color 0.3s ease !important;
}

/* Default first bar yellow on load */
.custom-booking-form .e-form__indicators__indicator:first-child {
    background-color: #ff9e00 !important;
}

/* Hide default numbers, titles, icons & separators */
.custom-booking-form .e-form__indicators__indicator__number,
.custom-booking-form .e-form__indicators__indicator__title,
.custom-booking-form .e-form__indicators__indicator__icon,
.custom-booking-form .e-form__indicators__indicator__separator {
    display: none !important;
}

/* --- 2. FIELD HEADINGS & GAP FIX --- */
.custom-booking-form .elementor-field-group label,
.custom-booking-form .elementor-field-subgroup label,
.custom-booking-form .elementor-field-type-html,
.custom-booking-form .elementor-field-label {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    padding-bottom: 0px !important;
}

/* HTML field container spacing */
.custom-booking-form .elementor-field-type-html {
    margin-bottom: 20px !important;
}

/* Individual field group spacing */
.custom-booking-form .elementor-field-group {
    margin-bottom: 25px !important;
}

/* --- 3. TEXT INPUTS, DATE PICKER & DROPDOWN ALIGNMENT --- */
.custom-booking-form .elementor-field-textual,
.custom-booking-form select.elementor-field-textual,
.custom-booking-form input[type="date"].elementor-field-textual {
    background-color: #0d1322 !important;
    color: #ffffff !important;
    border: 1px solid #1e283d !important;
    border-radius: 10px !important;
    padding: 0 18px !important;
    height: 48px !important;
    line-height: 48px !important;
    font-size: 15px !important;
    outline: none;
    box-sizing: border-box !important;
    transition: all 0.3s ease;
}

.custom-booking-form textarea.elementor-field-textual {
    background-color: #0d1322 !important;
    color: #ffffff !important;
    border: 1px solid #1e283d !important;
    border-radius: 10px !important;
    padding: 12px 18px !important;
    height: auto !important;
    font-size: 15px !important;
    outline: none;
    box-sizing: border-box !important;
}

/* Focus State */
.custom-booking-form .elementor-field-textual:focus,
.custom-booking-form textarea.elementor-field-textual:focus,
.custom-booking-form select.elementor-field-textual:focus,
.custom-booking-form input[type="date"].elementor-field-textual:focus {
    border-color: #ff9e00 !important;
}

.custom-booking-form .elementor-field-textual::placeholder,
.custom-booking-form textarea.elementor-field-textual::placeholder {
    color: #727e96 !important;
}

/* Date Picker Icon styling */
.custom-booking-form input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    cursor: pointer;
}

/* Custom Dropdown Arrow Fix */
.custom-booking-form select.elementor-field-textual {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 16px !important;
}

/* --- 4. RADIO BUTTONS AS GRID CARDS --- */
.custom-booking-form .elementor-field-type-radio .elementor-field-subgroup {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
    gap: 12px !important;
    margin-top: 10px !important;
}

.custom-booking-form .elementor-field-type-radio .elementor-field-option {
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-booking-form .elementor-field-type-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.custom-booking-form .elementor-field-type-radio label {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: #0d1322;
    border: 1px solid #1e283d;
    border-radius: 10px;
    height: 48px;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    text-align: center !important;
    transition: all 0.2s ease;
    width: 100%;
    margin-bottom: 0 !important;
}

.custom-booking-form .elementor-field-type-radio input[type="radio"]:checked + label {
    background-color: #21262d;
    border-color: #ff9e00;
    color: #ffffff;
    box-shadow: 0 0 0 1px #ff9e00;
}

.custom-booking-form .elementor-field-type-radio label:hover {
    border-color: #3b4760;
}

/* --- 5. BUTTONS CONTAINER & STYLING --- */
.custom-booking-form .e-form__buttons {
    margin-top: 25px !important;
}

.custom-booking-form .elementor-button.e-form__buttons__wrapper__button--next,
.custom-booking-form .elementor-button[type="submit"] {
    background-color: #ff9e00 !important;
    color: #000000 !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    height: 48px !important;
    padding: 0 28px !important;
    border: none !important;
    transition: background-color 0.3s ease;
}

.custom-booking-form .elementor-button.e-form__buttons__wrapper__button--previous {
    background-color: #0d1322 !important;
    color: #ffffff !important;
    border: 1px solid #1e283d !important;
    border-radius: 10px !important;
    height: 48px !important;
    padding: 0 28px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease;
}

.custom-booking-form .elementor-button.e-form__buttons__wrapper__button--next:hover,
.custom-booking-form .elementor-button[type="submit"]:hover {
    background-color: #e68e00 !important;
}

.custom-booking-form .elementor-button.e-form__buttons__wrapper__button--previous:hover {
    background-color: #161f36 !important;
}
</style>/* End custom CSS */