.elementor-424 .elementor-element.elementor-element-d05f191{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-424:not(.elementor-motion-effects-element-type-background), body.elementor-page-424 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-424 .elementor-element.elementor-element-d05f191{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-424 .elementor-element.elementor-element-d05f191{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for latepoint_book_form, class: .elementor-element-98d47bf *//* ===============================
   GLOBAL WRAPPER / BASE
=============================== */

.latepoint-w.latepoint-inline-form .latepoint-booking-form-element {
  box-shadow: none !important;
  border: none !important;
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w form,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer {
  background-color: #000000 !important;
  border: none !important;
}

/* HEADER */

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

/* TEXT COLORS FOR PRIMARY TEXT */

.latepoint-w .latepoint-booking-form-element h1,
.latepoint-w .latepoint-booking-form-element h2,
.latepoint-w .latepoint-booking-form-element h3,
.latepoint-w .latepoint-booking-form-element h4,
.latepoint-w .latepoint-booking-form-element h5,
.os-item-name,
.latepoint-icon-shopping-cart,
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price,
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label,
.latepoint-booking-form-element .os-step-tabs .os-step-tab.active,
.latepoint-booking-form-element .step-customer-logged-in-header-w div,
.latepoint-booking-form-element .os-step-tabs,
.latepoint-customer-box-title,
.summary-box .sbc-big-item,
.confirmation-info-w .summary-box .sbc-main-item,
.full-summary-wrapper .summary-box .sbc-main-item,
.summary-price-item-w .spi-name,
.summary-price-item-w .spi-price,
.summary-price-item-w.spi-total,
.confirmation-info-w .summary-status-wrapper,
.booking-status-info-wrapper .booking-confirmation strong,
.confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong,
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4,
.login-options-via-wrapper .login-option:hover,
.summary-attributes > span strong,
.booking-full-summary-actions .booking-summary-action-btn {
  color: #fff !important;
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-desc, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-name-w .os-item-desc {
    
    color: #FF69B4;    
}

/* STEP CONTENT BG */

.current-step-booking__services.latepoint-color-custom {
  background-color: #fff !important;
  border-radius: 15px !important;
}

/* STEP TABS BULLETS */

.latepoint-booking-form-element .os-step-tabs .os-step-tab:before,
.latepoint-booking-form-element .step-customer-logged-in-header-w div:before {
  background-color: #fff !important;
}

/* MAIN CARDS (services/agents/locations) */

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i {
  border-radius: 15px !important;
  padding: 20px;
  background-color: transparent !important;
  border: 2px solid #fff !important;
  transition: all 0.25s ease;
}

/* MAIN CARDS HOVER (services/agents/locations) */

.latepoint-w .latepoint-booking-form-element .os-items .os-item:hover .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item:hover .os-item-i {
  border-color: rgba(255, 255, 255, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item.selected .os-item-i {
  border-color: rgba(255, 255, 255, 0.7) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.1) !important;
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-child-count, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-child-count {
    color: #FFB8DB;
}

/* ROUND ITEM IMAGES */

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-img-w,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-img-w {
  border-radius: 50%;
}

/* NEXT & BACK BUTTONS */

.latepoint-w .latepoint-booking-form-element .latepoint-btn,
.latepoint-btn.latepoint-btn-primary {
  background-color: transparent !important;
  border: 2px solid #fff !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  transition: all 0.2s ease;
}

/* MULTISELECT CIRCLE BULLETS */

.latepoint-w .os-item.os-allow-multiselect .os-item-i:before,
.latepoint-w .latepoint-transaction-payment-form .os-item.os-allow-multiselect .os-item-i:before {
  all: unset;
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: transparent;
  transition: all 0.25s ease;
}

/* Button Active */

.latepoint-w .os-item.os-allow-multiselect.selected .os-item-i:before {
  background-color:  #FF8AC4
 !important;
  border-color:  #FF8AC4
 !important;
}

/* Erase Checkmark */ 

.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i:before, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect .os-item-i:before {
    color: transparent;
}

/* ===================================
   DATEPICKER / CALENDAR
=================================== */

/* Calendar Container */

.step-datepicker-w .os-dates-and-times-w {
;
  padding: 18px 18px 14px;
}


/* Month header + nav */

.step-datepicker-w .os-current-month-label-w {
  margin-bottom: 8px;
}

.step-datepicker-w .os-current-month-label .current-month {
  color: #fff; /* Month Color */
}

/* Year Color + Size */
.latepoint-booking-form-element
  .os-current-month-label-w
  .os-current-month-label
  .current-year {
  color: #fff !important;
  font-size: 0.85rem;
}

/* Arrows for monnths */
.step-datepicker-w .os-month-control-buttons-w button {
  background: transparent;
  border-radius: 999px;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}

.step-datepicker-w .os-month-control-buttons-w button i {
  color: #fff;
  font-size: 0.65rem;
}

.step-datepicker-w .os-month-control-buttons-w button:hover {
  opacity: .5;
}

/* Weekdays */

.step-datepicker-w .os-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  gap: 3px;
  margin-bottom: 4px;
}

.step-datepicker-w .os-weekdays .weekday {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.65) !important;
}

.latepoint-booking-form-element .calendar-style-modern .os-weekdays .weekday {
  margin-left: 0 !important;
  padding: 2px !important;
  background-color: #000;
  border: none;
}

/* Month grid */

.step-datepicker-w .os-months {
  padding: 8px 2px 0px;
}

.step-datepicker-w .os-monthly-calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 3px;
}

/* Days */

.step-datepicker-w .os-day {
  position: relative;
  cursor: pointer;
}

.step-datepicker-w .os-day .os-day-box {
  border-radius: 12px;
  border: 1px solid rgb(55 55 55 / 31%);
  background: rgb(125 122 122 / 18%);
  text-align: center;
  transition: all 0.18s ease;
}

.step-datepicker-w .os-day .os-day-number,
.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
  font-size: 0.85rem;
  color: #fff;
}

.latepoint-booking-form-element
  .os-monthly-calendar-days
  .os-day.os-today.os-month-current
  .os-day-box
  .os-day-number {
  background-color: transparent;
}

/* Availability bar */

.step-datepicker-w .os-day .os-day-status .day-available {
  height: 3px;
  border-radius: 999px;
  background: #46d3a9;
}

/* Past / disabled */

.step-datepicker-w .os-day.os-not-available,
.step-datepicker-w .os-day.os-day-passed,
.step-datepicker-w .os-day.os-not-in-allowed-period {
  cursor: default;
}

.step-datepicker-w .os-day.os-not-available .os-day-box,
.step-datepicker-w .os-day.os-day-passed .os-day-box,
.step-datepicker-w .os-day.os-not-in-allowed-period .os-day-box {
  background: rgba(255, 255, 255, 0.01);
  border-color: rgba(255, 255, 255, 0.04);
}

.step-datepicker-w .os-day.os-not-available .os-day-number,
.step-datepicker-w .os-day.os-day-passed .os-day-number,
.step-datepicker-w .os-day.os-not-in-allowed-period .os-day-number {
  color: rgba(255, 255, 255, 0.22);
}

/* Today + hover */

.step-datepicker-w .os-day.os-today .os-day-box {
  border-color: rgba(255, 255, 255, 0.55);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}

.step-datepicker-w .os-day:not(.os-not-available):not(.os-day-passed):hover .os-day-box {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.35);
}

/* Focus + tooltip */

.step-datepicker-w .os-day:focus .os-day-box,
.step-datepicker-w .os-day.os-day-current:focus .os-day-box,
.step-datepicker-w .os-day.os-selected,
.step-datepicker-w .os-day.selected {
  outline: none;
}


/* TIME SLOTS */

.latepoint-booking-form-element .times-header,
.step-datepicker-w .time-.elementor-424 .elementor-element.elementor-element-98d47bf-w .times-header {
  align-items: center;
  color: #fff !important;
}


.step-datepicker-w .time-.elementor-424 .elementor-element.elementor-element-98d47bf-w .times-header-label,
.latepoint-booking-form-element .times-header span {
  font-size: .95rem;
  color: rgba(255, 255, 255, 0.85) !important;
}

.latepoint-booking-form-element .times-header span {
  border-bottom: 1px dotted #fff;
}

/* PAYMENT OPTIONS */

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount .lp-amount-value,
.latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount .lp-amount-value,
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option .lp-option-label,
.latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option .lp-option-label {
  color: #fff;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount,
.latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount {
  box-shadow: 0 0 0 2px #fff;
}

.latepoint-w
  .latepoint-booking-form-element
  .lp-options
  .lp-option-amount.lp-amount-deposit
  .lp-amount-value,
.latepoint-w
  .latepoint-transaction-payment-form
  .lp-options
  .lp-option-amount.lp-amount-deposit
  .lp-amount-value {
  background-color: #000;
  border: 2px solid #fff;
  padding: 5px;
}

/* MISC */

.latepoint-booking-form-element
  .step-verify-w
  .latepoint-add-another-item-trigger-wrapper.on-verify
  .latepoint-add-another-item-trigger {
  color: #fff;
  border: 1px dotted #fff;
}

.latepoint-booking-form-element .dp-timebox {
  background-color: #e7fbff;
  border-radius: 10px;
}

.latepoint-booking-form-element .os-step-tabs {
  color: rgba(255, 255, 255, 0.6) !important;
}

.latepoint-w
  .latepoint-booking-form-element
  .os-items
  .os-item
  .os-item-i
  .os-item-child-count,
.latepoint-w
  .latepoint-booking-form-element
  .step-services-w
  .os-item-category-w
  .os-item-category-info
  .os-item-category-services-count,
.latepoint-w .latepoint-section-heading-w .heading-extra,
.latepoint-w.latepoint-summary-is-open.show-summary-on-mobile
  .latepoint-booking-form-element.current-step-booking__datepicker
  .latepoint-side-panel {
  display: block;
}

.latepoint-w .os-form-group.os-form-checkbox-group label {
  color: #ffffff;
}

/* CUSTOMER INFORMATION FORM */

.latepoint-w .os-form-group.os-form-select-group .os-form-control, .latepoint-w .os-form-group.os-form-select-group input.os-form-control, .latepoint-w .os-form-group.os-form-textfield-group .os-form-control, .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control {
    
    background-color:rgba(255,255,255,.9) !important;
    border-bottom: 1px solid white !important;
    border-radius: 15px !important;
}

/* PHONE FIELD / COUNTRY CODE */

.latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone,
.latepoint-w
  .os-form-group.os-form-phonefield-group
  input.os-form-control.os-mask-phone {
  padding-left: 10px !important;
  
  border: none !important;
    background-color:rgba(255,255,255,.9) !important;
}

.latepoint-w .os-form-group.os-form-phonefield-group {
    border-bottom: 1px solid white !important;
    border-radius: 15px;
        background-color:rgba(255,255,255,.9) !important;
}

.latepoint .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint .lp_iti--separate-dial-code .lp_iti__flag-container, .latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint-admin .lp_iti--separate-dial-code .lp_iti__flag-container {
    background-color: transparent !important;
}

.latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code {
  background-color: transparent;
}

.latepoint
  .lp_iti--allow-dropdown
  .lp_iti__flag-container,
.latepoint
  .lp_iti--separate-dial-code
  .lp_iti__flag-container,
.latepoint-admin
  .lp_iti--allow-dropdown
  .lp_iti__flag-container,
.latepoint-admin
  .lp_iti--separate-dial-code
  .lp_iti__flag-container {
  background: #fff;
}

/* ================================
   ACTIVE / FOCUS STATES
================================ */

.latepoint-w .os-form-group.os-form-select-group .os-form-control:focus, .latepoint-w .os-form-group.os-form-select-group input.os-form-control:focus, .latepoint-w .os-form-group.os-form-textfield-group .os-form-control:focus, .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control:focus {
    border-color:  #FF8AC4 !important ;
}

/* Side Panel */

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
    
    background-color: #0e1111 !important;
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w {
    color: #FF8AC4;
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions{
    color: #FF8AC4;
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
    background-color: #FF8AC4;
}

.latepoint-step-svg-base, .latepoint-step-svg-highlight {
    fill: white !important
}

/* Summary Panel */

.latepoint-w .latepoint-summary-w {
    background-color: #0e1111 !important;
}

.latepoint-w .latepoint-summary-w .summary-header .summary-header-label {
    background-color: transparent !important;
    
    color: white !important;
}

.checkout-from-summary-panel-btn:hover {
    color: white;
}

.checkout-from-summary-panel-btn span:hover {
    border-bottom-color: white;
}

.summary-box .sbc-main-item {
    color: white!important;
    opacity: .5;
}

.latepoint-summary-w .price-breakdown-unfold {
    color: white !important;
    opacity: .5;
}

.latepoint-summary-w .price-breakdown-unfold:hover {
    color: white !important;
    opacity: 1;
}

.cart-item-wrapper:hover {
    background-color: rgba(255,255,255,.1)!important;
}

.summary-box .sbc-highlighted-item {
    color:  #FF8AC4;
}

.summary-box-heading .sbh-item, .summary-heading .pb-heading .pbh-label, .summary-price-breakdown-wrapper .pb-heading .pbh-label {
    color:  #FF8AC4;
}

.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper {
    padding: 12px;
}

.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-summary-main-section, .latepoint-w .latepoint-summary-w .os-summary-contents-inner .os-summary-contents-inner-top {
    padding: 0 !important;
}

.booking-summary-info-w {
    padding: 12px;
}

.summary-panel-items-wrapper {
    padding: 12px;
}

.pb-heading {
    padding: 12px;
}


.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header span {
    margin-left: 4px;
}

/*email notif */
.latepoint-w .latepoint-booking-form-element .latepoint-step-content {
    color: #FF8AC4;
}

.summary-attributes {
    color: #FF8AC4;
}

.confirmation-info-w .summary-box .sbc-main-item, .full-summary-wrapper .summary-box .sbc-main-item{ 

    opacity: .9;
}


.lp-payment-method-content {
    background-color: white!important;
    padding: 20px;
    border-radius: 5px;
}

.latepoint-lightbox-w .latepoint-lightbox-i {
    border-radius: 15px !important;
    background-color: black !important;
}/* End custom CSS */