.elementor-8102 .elementor-element.elementor-element-90e3827 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-8102 .elementor-element.elementor-element-90e3827{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-30px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-8102 .elementor-element.elementor-element-90e3827 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8102 .elementor-element.elementor-element-590f284 > .elementor-widget-container{margin:0px 0px 0px 300px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8102 .elementor-element.elementor-element-ed13826 .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-weight:500;fill:var( --e-global-color-astglobalcolor6 );color:var( --e-global-color-astglobalcolor6 );box-shadow:0px 0px 1px 0px #6C70DC;border-style:none;border-radius:39px 39px 39px 39px;padding:10px 10px 10px 10px;}body:not(.rtl) .elementor-8102 .elementor-element.elementor-element-ed13826{left:0px;}body.rtl .elementor-8102 .elementor-element.elementor-element-ed13826{right:0px;}.elementor-8102 .elementor-element.elementor-element-ed13826{bottom:0px;}@media(max-width:1024px){.elementor-8102 .elementor-element.elementor-element-90e3827{margin-top:4px;margin-bottom:0px;}}@media(max-width:767px){.elementor-8102 .elementor-element.elementor-element-90e3827{margin-top:-10px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-8102 .elementor-element.elementor-element-e8d45ed > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-8102 .elementor-element.elementor-element-590f284 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8102 .elementor-element.elementor-element-ed13826{width:auto;max-width:auto;bottom:24px;}.elementor-8102 .elementor-element.elementor-element-ed13826 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-8102 .elementor-element.elementor-element-ed13826{left:169px;}body.rtl .elementor-8102 .elementor-element.elementor-element-ed13826{right:169px;}.elementor-8102 .elementor-element.elementor-element-ed13826 .elementor-button{font-size:25px;border-radius:25px 25px 25px 25px;padding:10px 10px 10px 10px;}}/* Start custom CSS for booknetic, class: .elementor-element-590f284 *//* Enhanced Booknetic Booking Panel - Glass Morphism Dark Theme */

/* Main container and card elements with glass morphism effect */
.booknetic_appointment_contaner_body,
.booknetic_service_extra_car,
.booknetic_service_card,
.booknetic_appointment .form-control,
.booknetic-cart-item.active,
.booknetic_card,
.booknetic_confirm_step_body .booknetic_portlet,
#booknetic_calendar_area,
.booknetic_times,
.booknetic-cart-col,
.booknetic-cp-tab-body,
.booknetic_calendar_days > div,
.booknetic_times_list > div,
.booknetic_payment_method,
.booknetic_confirm_sum_price,
.booknetic_appointment_finished,
.booknetic_portlet,
.booknetic_appointment .bkntc-information-step-info-container {
    border-radius: 16px !important;
    background: #0f0f20 !important;
    border: 1px solid rgba(108, 112, 220, 0.3) !important;
    box-shadow:
        0 0 3px rgba(108, 112, 220, 0.3),
        inset 0 0 5px rgba(108, 112, 220, 0.1),
        0 0 10px rgba(108, 112, 220, 0.15) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.booknetic_appointment {
    border-radius: 16px !important;
    background: #0f0f20 !important;
    border: 1px solid rgba(108, 112, 220, 0.3) !important;
    box-shadow:
        0 0 20px rgba(108, 112, 220, 0.3),
        inset 0 0 5px rgba(108, 112, 220, 0.1),
        0 0 10px rgba(108, 112, 220, 0.15) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.booknetic_appointment_steps.has-logo {
    background: rgba(0, 0, 0) !important;
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
}

/* Hover effects for interactive elements */
.booknetic_service_card:hover,
.booknetic_calendar_days > div:hover,
.booknetic_times_list > div:hover,
.booknetic_payment_method:hover,
.booknetic_card_container > div:hover{
    background: rgba(108, 112, 220, 0.1) !important;
    border: 1px solid rgba(108, 112, 220, 0.4) !important;
    box-shadow:
        0 0 20px rgba(108, 112, 220, 0.3),
        inset 0 0 5px rgba(108, 112, 220, 0.1),
        0 0 10px rgba(108, 112, 220, 0.15) !important;
}

/* Main appointment container with enhanced glass effect */
.booknetic_appointment_container {
    background: #0f0f20 !important;
    border: 1px solid rgba(108, 112, 220, 0.08) !important;
    border-bottom-right-radius: 16px !important;
    border-top-right-radius: 16px !important;
    box-shadow:
        0 0 20px rgba(108, 112, 220, 0.15),
        inset 0 1px 0 rgba(108, 112, 220, 0.1) !important;
}


/* Add subtle animated gradient overlay */
.booknetic_appointment_container::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(106, 112, 220, 0.6),
        rgba(147, 51, 234, 0.6),
        transparent
    ) !important;
    animation: shimmer 3s ease-in-out infinite !important;
}

@keyframes shimmer {
    0%, 100% { opacity: 0.3 !important; }
    50% { opacity: 0.8 !important; }
}

/* Enhanced form controls */
.booknetic_appointment .form-control {
    background: rgba(108, 112, 220, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 12px 16px !important;
    transition: all 0.3s ease !important;
}

.booknetic_appointment .form-control:focus {
    background: rgba(108, 112, 220, 0.1) !important;
    border: 1px solid rgba(108, 112, 220, 0.5) !important;
    box-shadow:
        0 0 0 3px rgba(108, 112, 220, 0.1),
        0 4px 12px rgba(108, 112, 220, 0.2) !important;
    outline: none !important;
}

/* Steps sidebar with enhanced styling */
.booknetic_appointment_steps {
    background: rgba(108, 112, 220, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-top-color: transparent !important;
}

/* Footer with glass effect */
.booknetic_appointment_container_footer {
    background: rgba(0, 0, 0) !important;
    border-top: unset !important;
}

.booknetic_appointment_steps_footer {
    border-top: unset !important;
}

/* Enhanced button styling */

.booknetic_btn_secondary,
.booknetic_btn_primary,
.button.bkntc_again_booking {
    background: rgba(108, 112, 220, 0.1) !important;
    border: 1px solid rgba(106, 112, 220, 0.4) !important;
    color: #ffffff !important;
    border-radius: 16px !important;
    transition: all 0.3s ease !important;
}

.booknetic_btn_secondary::before,
.booknetic_btn_primary::before{
    background: linear-gradient(
        90deg,
        transparent,
        rgba(0, 0, 0, 0.2),
        transparent
    ) !important;
    transition: left 0.5s ease !important;
}

.booknetic_btn_secondary:hover::before,
.booknetic_btn_primary:hover::before {
    left: 100% !important;
}

.booknetic_btn_secondary:hover,
.booknetic_btn_primary:hover {
    background: rgba(108, 112, 220, 0.1) !important;
    box-shadow: 0 4px 16px rgba(106, 112, 220, 0.3) !important;

}

/* Enhanced text colors with better contrast */
.booknetic_times_head,
.booknetic_calendar_head > div,
.booknetic-cart-item-body,
.booknetic-cart-item .booknetic-cart-item-header,
.booknetic_card_title,
.booknetic_appointment .form-group > label,
.booknetic_service_card_title > span:first-child,
.booknetic_appointment_container_header_text,
.booknetic_calendar_days > div,
.booknetic_times_list > div,
.booknetic_payment_method > span,
.booknetic_appointment_finished_subtitle,
.booknetic_portlet {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

.booknetic_appointment_container_header {
    border-bottom: none !important;
}

/* Secondary text with improved readability */
.booknetic_appointment .form-control,
.booknetic-cart-item-body-row .booknetic-cart-item-body-cell,
.booknetic_confirm_details > .booknetic_confirm_details_title,
.booknetic_appointment_finished_code {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Disabled/empty states */
.booknetic_calendar_days.booknetic_calendar_empty_day > div,
.booknetic_appointment .bkntc-information-step-info-container {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Enhanced confirm details */
.booknetic_confirm_details > .booknetic_confirm_details_price,
.booknetic_confirm_details > .booknetic_confirm_details_title {
    background: rgba(25, 25, 30, 0.6) !important;
    border-radius: 16px !important;
    padding: 8px 12px !important;
}

/* Payment method styling */
.booknetic_payment_method {
    width: 95% !important;
    margin: 8px auto !important;
    position: relative !important;
}

/* Enhanced sum price styling */
.booknetic_confirm_sum_price {
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    background: rgba(106, 112, 220, 0.1) !important;
    border-top: 1px solid rgba(106, 112, 220, 0.3) !important;
}


.booknetic_appointment .form-control:disabled, .form-control[readonly] {
    color: #000000 !important;
}


/* Responsive design improvements */

@media only screen and (max-width: 1000px) {
    
    .booknetic_appointment_steps {
        border-top-left-radius: 16px !important;
        border-top-right-radius: 16px !important;
    }
    .booknetic_appointment_finished_title {
        margin: 15px !important;
    }
    .booknetic_appointment_container_header {
        border-bottom-color: transparent !important;
    }
    .booknetic_warning_message {
        top: -40px !important;
    }
}

@media (max-width: 767px) {
  .booknetic_appointment_container_footer {
    position: fixed !important;
      bottom: 10px !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;               /* prevent full width stretch */
    max-width: calc(100% - 20px) !important;
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(10px);
     border: 1px solid rgba(108, 112, 220, 0.3) !important;
    border-radius: 50px !important;
  }
}



/* Hide unwanted elements */
.booknetic_confirm_details:before,
.booknetic_card:not(.booknetic_card_selected):after {
    visibility: hidden !important;
}

/* Enhanced active states */
.booknetic-cart-item.active {
    background: rgba(106, 112, 220, 0.1) !important;
    border: 1px solid rgba(106, 112, 220, 0.4) !important;
}

/* Scoped transitions */
button,
input,
.booknetic_card_container,
.booknetic_service_card,
.booknetic_payment_method,
.booknetic_times_list > div {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}


/* Scrollbar Styling for nice-scrollbar-primary container */
.nice-scrollbar-primary {
    scrollbar-width: thin;
    scrollbar-color: rgba(108, 112, 220) transparent;
}



/* Enhanced loading states */
.booknetic_loading {
    background: rgba(106, 112, 220, 0.1) !important;
    border-radius: 16px !important;
}

/* Improved focus indicators for accessibility */
.booknetic_service_card:focus,
.booknetic_calendar_days > div:focus,
.booknetic_times_list > div:focus {
    outline: 2px solid rgba(106, 112, 220, 0.6) !important;
    outline-offset: 2px !important;
}

@media only screen and (max-width: 768px) {
  .booknetic_appointment_container,
  .booknetic_appointment_contaner_body,
  .booknetic_appointment  {
    box-shadow: none !important;
    border-bottom: none !important;
    border-radius: 0px !important;
  }
  
  .booknetic_appointment_steps.has-logo {
    top: 15px !important;
    left: 5px !important;
    right: 5px !important;
    width: auto !important;               /* prevent full width stretch */
    max-width: calc(100% - 10px) !important;
    background: rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(10px);
     border: 1px solid rgba(108, 112, 220, 0.3) !important;
    border-radius: 16px !important;
     box-shadow:
        0 0 5px rgba(108, 112, 220, 0.3),
        inset 0 0 5px rgba(108, 112, 220, 0.1),
        0 0 10px rgba(108, 112, 220, 0.15) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .booknetic_appointment_container,
  .booknetic_appointment_contaner_body {
    margin-top: 14.95px !important;
    border: none !important;

}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed13826 */.home-button
{
box-shadow:  -1px -1px 4px #252525,
   1px 1px 4px #090909 !important;
border-radius: 25px !important;
}/* End custom CSS */