.elementor-3386 .elementor-element.elementor-element-b0c38b0{--display:flex;}.elementor-3386 .elementor-element.elementor-element-2f2c977{--display:flex;}body.elementor-page-3386:not(.elementor-motion-effects-element-type-background), body.elementor-page-3386 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}/* Start custom CSS for stepbooking, class: .elementor-element-0615546 *//* ==========================================================================
   Rox Driving Academy — Amelia Booking Widget Brand Reskin
   Colors: Primary green #219653 | Dark green #16412C | Red accent #D64545
   Fonts: Poppins (headings/UI) / Sora (body) — adjust .elementor-3386 .elementor-element.elementor-element-0615546s if swapped
   ========================================================================== */

/* --- Outer wrapper / base typography --- */
.am-fs_wrapper {
    font-family: 'Sora', sans-serif;
}

.am-fs_wrapper h1,
.am-fs_wrapper h2,
.am-fs_wrapper h3,
.am-fs-sb__step-heading {
    font-family: 'Poppins', sans-serif;
}

/* --- Sidebar --- */
div.am-fs-sb {
    background: #16412C !important;
}

.am-fs-sb__step-heading {
    color: #ffffff;
}

/* Step icon default state */
.am-fs-sb__step-icon {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

/* Completed step checker */
.am-fs-sb__step-checker {
    background: #219653 !important;
}

.am-icon-check {
    color: #ffffff;
}

/* Active/current step highlight */
.am-fs-sb__step.is-active .am-fs-sb__step-inner,
.am-fs-sb__step--active .am-fs-sb__step-inner {
    background: rgba(33, 150, 83, 0.15);
    border-left: 3px solid #219653;
}

.am-fs-sb__step-selection-wrapper {
    color: rgba(255, 255, 255, 0.7);
}

/* --- Main content area --- */
.am-fs__main {
    background: #ffffff;
    font-family: 'Sora', sans-serif;
}

/* --- Text inputs --- */
.el-input__inner {
    border-color: #d9d9d9;
    font-family: 'Sora', sans-serif;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.el-input__inner:focus {
    border-color: #219653 !important;
    box-shadow: 0 0 0 2px rgba(33, 150, 83, 0.15);
}

.el-input-wrapper.is-focus {
    border-color: #219653 !important;
}

/* --- Continue / primary button --- */
button.am-button.am-button--filled.am-button--default.am-button--primary.am-button-continue {
    background: #219653 !important;
    border-color: #219653 !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    transition: background 0.2s ease;
}

button.am-button.am-button--filled.am-button--default.am-button--primary.am-button-continue:hover {
    background: #16412C !important;
    border-color: #16412C !important;
}

/* --- Accent / error or highlight states (red) --- */
.am-fs_wrapper .el-input__inner.is-error,
.am-fs_wrapper .am-error {
    border-color: #D64545 !important;
}

.am-fs_wrapper .am-error-message,
.am-fs_wrapper .el-form-item__error {
    color: #D64545;
}

.am-fs-sb__step-checker-selected {
    background: #219653 !important;
    border-color: #219653 !important;
    box-shadow: none !important;
}

.amelia-v2-booking #amelia-container {
    --am-c-primary: #219653 !important;
    --am-font-family: 'Sora', sans-serif !important;
}

.amelia-v2-booking #amelia-container {
    --am-c-primary: #219653 !important;
    --am-font-family: 'Sora', sans-serif !important;
    --am-c-btn-first: #219653 !important;
    --am-c-btn-second: #FFFFFF !important;
    --am-c-btn-first-op80: rgba(33, 150, 83, 0.8) !important;
    --am-c-btn-first-op30: rgba(33, 150, 83, 0.3) !important;
    --am-c-btn-first-op20: rgba(33, 150, 83, 0.1) !important;
}/* End custom CSS */