.elementor-4271 .elementor-element.elementor-element-66de414{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;}.elementor-4271 .elementor-element.elementor-element-66de414:not(.elementor-motion-effects-element-type-background), .elementor-4271 .elementor-element.elementor-element-66de414 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1a2552d );}.elementor-4271 .elementor-element.elementor-element-c159067{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:75px 75px;--row-gap:75px;--column-gap:75px;--border-radius:40px 40px 0px 0px;--padding-top:117px;--padding-bottom:126px;--padding-left:222px;--padding-right:222px;}.elementor-4271 .elementor-element.elementor-element-c159067:not(.elementor-motion-effects-element-type-background), .elementor-4271 .elementor-element.elementor-element-c159067 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d7a9ec2 );}.elementor-4271 .elementor-element.elementor-element-0ed7b75{--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:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4271 .elementor-element.elementor-element-0ed7b75.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4271 .elementor-element.elementor-element-dc35436 > .elementor-widget-container{background-color:var( --e-global-color-1a2552d );padding:10px 10px 10px 10px;border-radius:5px 5px 5px 5px;}.elementor-4271 .elementor-element.elementor-element-dc35436.elementor-element{--align-self:center;}.elementor-4271 .elementor-element.elementor-element-dc35436{text-align:center;}.elementor-4271 .elementor-element.elementor-element-dc35436 .elementor-heading-title{font-family:var( --e-global-typography-a5f10e2-font-family ), Sans-serif;font-size:var( --e-global-typography-a5f10e2-font-size );font-weight:var( --e-global-typography-a5f10e2-font-weight );color:var( --e-global-color-8b031f0 );}.elementor-4271 .elementor-element.elementor-element-a2bb37a{width:auto;max-width:auto;text-align:center;}.elementor-4271 .elementor-element.elementor-element-a2bb37a.elementor-element{--align-self:center;}.elementor-4271 .elementor-element.elementor-element-a2bb37a .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:48px;font-weight:400;color:var( --e-global-color-8b031f0 );}.elementor-4271 .elementor-element.elementor-element-4d60fbe{--display:flex;--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:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4271 .elementor-element.elementor-element-4d60fbe.e-con{--align-self:center;}.elementor-4271 .elementor-element.elementor-element-1727ad4.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-4271 .elementor-element.elementor-element-66de414{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-4271 .elementor-element.elementor-element-c159067{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-4271 .elementor-element.elementor-element-dc35436 .elementor-heading-title{font-size:var( --e-global-typography-a5f10e2-font-size );}.elementor-4271 .elementor-element.elementor-element-a2bb37a .elementor-heading-title{font-size:32px;}}@media(max-width:767px){.elementor-4271 .elementor-element.elementor-element-66de414{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4271 .elementor-element.elementor-element-c159067{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4271 .elementor-element.elementor-element-dc35436 .elementor-heading-title{font-size:var( --e-global-typography-a5f10e2-font-size );}}@media(min-width:768px){.elementor-4271 .elementor-element.elementor-element-0ed7b75{--width:100%;}.elementor-4271 .elementor-element.elementor-element-4d60fbe{--width:1310px;}}@media(min-width:1920px){.elementor-4271 .elementor-element.elementor-element-dc35436 .elementor-heading-title{font-size:var( --e-global-typography-a5f10e2-font-size );}}/* Start custom CSS for bookly-widget-bookly-form, class: .elementor-element-1727ad4 *//* =======================
   1. Single unified white container
======================= */
.bookly-service-step {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    font-family: 'Work Sans', sans-serif;
    position: relative;
}

/* =======================
   2. Inputs, selects, textareas styling
======================= */
.bookly-service-step select,
.bookly-service-step input,
.bookly-service-step textarea {
    padding: 16.5px 20px;
    border-radius: 10px;
    border: none !important;
    background-color: #F5F3EF !important;
    font-size: 16px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400 !important;
    box-shadow: none !important;
}

/* =======================
   3. Remove any lines before buttons
======================= */
.bookly-service-step hr,
.bookly-service-step .bookly-nav-steps::before,
.bookly-service-step .bookly-nav-steps {
    border: none !important;
    box-shadow: none !important;
}

/* =======================
   4. Weekdays and time .elementor-4271 .elementor-element.elementor-element-1727ad4s as flex rows
======================= */
.bookly-week-days,
.bookly-time-range {
    display: flex !important;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
}

/* =======================
   5. Structured row/column layout
======================= */
.bookly-service-step .bookly-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.bookly-service-step .bookly-col {
    flex: 1 1 200px;
    display: flex;
    flex-direction: column;
}

.bookly-service-step .bookly-col label {
    margin-bottom: 5px;
    font-weight: 500;
}

/* =======================
   6. Weekdays checkboxes as square
======================= */
.bookly-week-days label {
    border-radius: 2px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

.bookly-week-days input[type="checkbox"] {
    border-radius: 5px !important;
}

/* =======================
   7. Bottom navigation buttons container
======================= */
.bookly-nav-steps {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center;
    margin-top: 20px;
    gap: 10px;
    border: none !important;
    box-shadow: none !important;
}

/* Bottom Next button */
.bookly-nav-steps .bookly-right .bookly-btn {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 400 !important;
    padding: 15px 50px !important;
    text-transform: none !important;
    border-radius: 10px !important;
}

/* Bottom Back button */
.bookly-back-step.bookly-js-back-step.bookly-btn.ladda-button,
.bookly-nav-steps .bookly-left .bookly-btn {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 400 !important;
    padding: 15px 50px !important;
    text-transform: none !important;
    border-radius: 10px !important;
}

/* Hide any arrow icons inside bottom nav buttons */
.bookly-back-step.bookly-js-back-step.bookly-btn.ladda-button span > i,
.bookly-nav-steps .bookly-left .bookly-btn span > i,
.bookly-nav-steps .bookly-right .bookly-btn span > i {
    display: none !important;
}

/* =======================
   8. Calendar navigation (< and >) in Time step
======================= */
.bookly-time-prev.bookly-btn,
.bookly-time-next.bookly-btn {
    width: 100px;              /* match Back button width */
    height: 50px;              /* match Back button height */
    padding: 0 !important;
    border-radius: 10px;       /* match Back button */
    background-color: #F5F3EF !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer;
    display: flex !important;
    align-items: center;       /* vertical center */
    justify-content: center;   /* horizontal center */
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    margin-right: 10px;        /* spacing between buttons */
}

/* Inner span fills button fully */
.bookly-time-prev.bookly-btn span.ladda-label,
.bookly-time-next.bookly-btn span.ladda-label {
    display: flex !important;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    line-height: 1 !important;
    font-size: 20px !important;
}

/* Hide any inner icons */
.bookly-time-prev.bookly-btn span.ladda-label i,
.bookly-time-next.bookly-btn span.ladda-label i {
    display: none !important;
}

/* Hover effect */
.bookly-time-prev.bookly-btn:hover,
.bookly-time-next.bookly-btn:hover {
    background-color: #e0ded9 !important;
}

/* =======================
   9. Other buttons (like add-ons)
======================= */
.bookly-btn:not(.bookly-left):not(.bookly-right),
.bookly-btn:not(.bookly-left):not(.bookly-right) > span {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.4em !important;
    text-transform: none !important;
    border-radius: 10px;
}

/* =======================
   10. Labels and other text inside container
======================= */
.bookly-service-step label,
.bookly-service-step button,
.bookly-service-step button > span {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 400 !important;
}

/* =======================
   11. Progress Tracker Steps
======================= */
.bookly-progress-tracker .step {
    height: 30px;
    border-radius: 5px;
    transition: background 0.3s;
}

/* Active step: keep Bookly's default color */
.bookly-progress-tracker .active .step {
    background-color: inherit;
}

/* Inactive steps: white */
.bookly-progress-tracker div:not(.active) .step {
    background-color: #FFFFFF;
}/* End custom CSS */