.elementor-1501 .elementor-element.elementor-element-a6e92d3{--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:1px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1501 .elementor-element.elementor-element-a6e92d3:not(.elementor-motion-effects-element-type-background), .elementor-1501 .elementor-element.elementor-element-a6e92d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1501 .elementor-element.elementor-element-28d3e8a > .elementor-widget-container{background-color:#717171;margin:100px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1501 .elementor-element.elementor-element-50a7867.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}body:not(.rtl) .elementor-1501 .elementor-element.elementor-element-50a7867{left:0px;}body.rtl .elementor-1501 .elementor-element.elementor-element-50a7867{right:0px;}.elementor-1501 .elementor-element.elementor-element-50a7867{top:0px;}.elementor-1501 .elementor-element.elementor-element-50a7867 .elementor-icon-wrapper{text-align:center;}.elementor-1501 .elementor-element.elementor-element-50a7867 .elementor-icon{font-size:30px;}.elementor-1501 .elementor-element.elementor-element-50a7867 .elementor-icon svg{height:30px;}.elementor-1501 .elementor-element.elementor-element-c63e5d1.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}body:not(.rtl) .elementor-1501 .elementor-element.elementor-element-c63e5d1{left:0px;}body.rtl .elementor-1501 .elementor-element.elementor-element-c63e5d1{right:0px;}.elementor-1501 .elementor-element.elementor-element-c63e5d1{top:0px;}.elementor-1501 .elementor-element.elementor-element-c63e5d1 .elementor-icon-wrapper{text-align:center;}.elementor-1501 .elementor-element.elementor-element-c63e5d1 .elementor-icon{font-size:30px;}.elementor-1501 .elementor-element.elementor-element-c63e5d1 .elementor-icon svg{height:30px;}.elementor-1501 .elementor-element.elementor-element-4903154{--display:flex;}:root{--page-title-display:none;}@media(max-width:1366px){body:not(.rtl) .elementor-1501 .elementor-element.elementor-element-50a7867{left:1215px;}body.rtl .elementor-1501 .elementor-element.elementor-element-50a7867{right:1215px;}.elementor-1501 .elementor-element.elementor-element-50a7867{top:-282px;}body:not(.rtl) .elementor-1501 .elementor-element.elementor-element-c63e5d1{left:1215px;}body.rtl .elementor-1501 .elementor-element.elementor-element-c63e5d1{right:1215px;}.elementor-1501 .elementor-element.elementor-element-c63e5d1{top:-282px;}}@media(min-width:768px){.elementor-1501 .elementor-element.elementor-element-a6e92d3{--content-width:85%;}}/* Start custom CSS for shortcode, class: .elementor-element-28d3e8a *//* Dark Theme Base */
.chbs-main {
    background-color: #121212 !important;
    color: #ffffff !important;
}

/* Text elements */
.chbs-main * {
    color: #ffffff !important;
}

/* Input fields */
.chbs-main input,
.chbs-main select,
.chbs-main textarea {
    background-color: #1e1e1e !important;
    color: #ffffff !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
}

/* SOLID DARK CALENDAR STYLING */
.chbs-main .ui-datepicker {
    background: #0d0d0d !important; /* Solid black */
    border: 1px solid #333 !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

.chbs-main .ui-datepicker-header {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: bold;
    padding: 10px !important;
    border-radius: 6px 6px 0 0 !important;
}

.chbs-main .ui-datepicker-calendar {
    background: #0d0d0d !important;
    border-collapse: collapse !important;
    width: 100% !important;
}

.chbs-main .ui-datepicker-calendar th {
    color: #cccccc !important;
    padding: 6px !important;
    font-weight: 600 !important;
    background: #0d0d0d !important;
}

.chbs-main .ui-datepicker-calendar td {
    background: #0d0d0d !important;
    border: none !important;
    text-align: center !important;
    padding: 6px !important;
}

.chbs-main .ui-datepicker-calendar a {
    color: #ffffff !important;
    display: inline-block !important;
    padding: 8px 10px !important;
    background-color: #0d0d0d !important;
    border-radius: 4px !important;
    transition: background 0.3s ease !important;
}

.chbs-main .ui-datepicker-calendar a:hover {
    background-color: #222222 !important;
}

.chbs-main .ui-datepicker-calendar .ui-state-active {
    background-color: #007BFF !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

/* BLACK TIMER BACKGROUND */
.chbs-main .ui-timepicker-div {
    background: #000000 !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
}

.chbs-main .ui-timepicker-div * {
    color: #ffffff !important;
    background: #000000 !important;
}

.chbs-main .ui-timepicker-div .ui-state-hover {
    background: #333 !important;
}

/* Dropdown/Select menu styling */
.chbs-main .ui-selectmenu-button {
    background: #1e1e1e !important;
    color: #fff !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
}

.chbs-main .ui-selectmenu-menu {
    background: #1e1e1e !important;
    border: 1px solid #444 !important;
}

.chbs-main .ui-menu-item {
    color: #fff !important;
    background: #1e1e1e !important;
}

.chbs-main .ui-menu-item:hover {
    background: #333 !important;
}

/* Buttons */
.chbs-main .chbs-button {
    background-color: #333 !important;
    color: #fff !important;
    border: 1px solid #555 !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
    margin-top: 20px !important;
    transition: all 0.3s ease !important;
}

.chbs-main .chbs-button:hover {
    background-color: #444 !important;
}

/* Tabs */
.chbs-main .ui-tabs-nav li {
    background: #1e1e1e !important;
    color: #fff !important;
    border: 1px solid #444 !important;
    border-radius: 4px 4px 0 0 !important;
}

.chbs-main .ui-tabs-nav li.ui-state-active {
    background: #333 !important;
    border-bottom: 1px solid #333 !important;
}

/* Map container */
.chbs-main .chbs-google-map {
    border: 1px solid #444 !important;
    border-radius: 4px !important;
}

/* Ride info box */
.chbs-main .chbs-ride-info {
    background: #1e1e1e !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
}

/* Form labels */
.chbs-main .chbs-form-label-group,
.chbs-main .chbs-form-field-label,
.chbs-main label {
    color: #fff !important;
    margin-bottom: 8px !important;
}

/* Tooltip icons */
.chbs-main .chbs-tooltip {
    color: #aaa !important;
}

/* Navigation steps */
.chbs-main .chbs-main-navigation-default li {
    color: #fff !important;
}

/* Preloader */
.chbs-main #chbs-preloader {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

/* Copyright */
.chbs-main .chbs-copyright {
    display: none !important;
}

/* Focus states for better accessibility */
.chbs-main input:focus,
.chbs-main select:focus,
.chbs-main textarea:focus,
.chbs-main .ui-selectmenu-button:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2) !important;
    border-color: #666 !important;
}

/* Solid Dark Datepicker Styling */
#ui-datepicker-div {
    background: #0d0d0d !important; /* Solid black background */
    border: 1px solid #333 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
    padding: 10px !important;
}

/* Datepicker Header */
#ui-datepicker-div .ui-datepicker-header {
    background: #1a1a1a !important; /* Dark header */
    border: none !important;
    color: #fff !important;
    font-weight: bold;
    padding: 8px 0 !important;
    border-radius: 6px 6px 0 0 !important;
}

/* Navigation Arrows */
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    top: 10px !important;
}

#ui-datepicker-div .ui-datepicker-prev:hover,
#ui-datepicker-div .ui-datepicker-next:hover {
    background: #333 !important;
    border-radius: 4px !important;
}

/* Month/Year Title */
#ui-datepicker-div .ui-datepicker-title {
    color: #fff !important;
    font-size: 14px !important;
    margin: 0 30px !important;
}

/* Calendar Table */
#ui-datepicker-div .ui-datepicker-calendar {
    background: #0d0d0d !important;
    border-collapse: separate !important;
    border-spacing: 2px !important;
    margin: 8px 0 0 0 !important;
    width: 100% !important;
}

/* Column Headers */
#ui-datepicker-div .ui-datepicker-calendar th {
    color: #bbb !important;
    font-weight: 500;
    padding: 6px !important;
    background: transparent !important;
}

/* Calendar Cells */
#ui-datepicker-div .ui-datepicker-calendar td {
    background: #0d0d0d !important;
    border: none !important;
    padding: 2px !important;
}

/* Day Numbers */
#ui-datepicker-div .ui-datepicker-calendar td a {
    background: #1a1a1a !important;
    border-radius: 4px !important;
    color: #fff !important;
    display: block !important;
    padding: 8px !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

/* Hover State */
#ui-datepicker-div .ui-datepicker-calendar td a:hover {
    background: #333 !important;
    color: #fff !important;
}

/* Today's Date */
#ui-datepicker-div .ui-datepicker-calendar .ui-state-highlight {
    background: #3a3a3a !important;
    color: #fff !important;
}

/* Selected Date */
#ui-datepicker-div .ui-datepicker-calendar .ui-state-active {
    background: #007BFF !important;
    color: #fff !important;
    font-weight: bold !important;
}

/* Days from Other Months */
#ui-datepicker-div .ui-datepicker-other-month {
    opacity: 0.5 !important;
}

/* Disabled Dates */
#ui-datepicker-div .ui-state-disabled {
    opacity: 0.3 !important;
}

/* Weekend Days */
#ui-datepicker-div .ui-datepicker-week-end a {
    color: #bbb !important;
}

/* Remove wrapper padding/margins and make transparent */
.ui-timepicker-wrapper {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    width: auto !important;
}

/* Style the timepicker list to match calendar */
.ui-timepicker-list {
    background: #0d0d0d !important; /* Solid black */
    border: 1px solid #333 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
    padding: 5px 0 !important;
    margin: 2px 0 0 0 !important;
    width: 120px !important;
    max-height: 200px !important;
    overflow-y: auto !important;
}

/* Time list items */
.ui-timepicker-list li {
    color: #ffffff !important;
    padding: 6px 12px !important;
    list-style: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

/* Hover state */
.ui-timepicker-list li:hover {
    background: #333 !important;
}

/* Selected time */
.ui-timepicker-selected {
    background: #007BFF !important;
    color: #ffffff !important;
}

/* AM/PM indicators */
.ui-timepicker-am,
.ui-timepicker-pm {
    color: #bbb !important;
}

/* Scrollbar styling (where supported) */
.ui-timepicker-list::-webkit-scrollbar {
    width: 8px !important;
}

.ui-timepicker-list::-webkit-scrollbar-track {
    background: #1a1a1a !important;
}

.ui-timepicker-list::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 4px !important;
}

/* Change tooltip text color to black */
.qtip-content {
    color: #000000 !important;
}

/* If you need to target specific tooltips */
#qtip-3-content {
    color: #000000 !important;
}

/* Move the button up slightly */
.chbs-button-step-next {
    position: relative !important;
    bottom: -10px !important; /* Moves it 10px up (negative bottom value) */
    margin-top: -10px !important; /* Alternative method */
}

/* OR more specifically target this exact button */
a.chbs-button.chbs-button-style-1.chbs-button-step-next {
    transform: translateY(-10px) !important; /* Best modern method */
    margin-bottom: 10px !important; /* Compensates for the upward movement */
}

/* Navigation Tabs Styling */
.chbs-main-navigation-default li {
    position: relative;
    margin: 0 10px;
}

.chbs-main-navigation-default li a {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    color: white;
}

.chbs-main-navigation-default li a span span:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 2px solid white;
    border-radius: 50%;
    margin-right: 10px;
    font-weight: bold;
}

.chbs-main-navigation-default li a > span:last-child {
    margin-left: 10px;
    font-size: 14px;
}

.chbs-main-navigation-default li a span .chbs-meta-icon-tick {
    margin-left: 5px;
    font-size: 12px;
}

/* Active Tab Styling - Blue (#007AFF) */
.chbs-main-navigation-default li.chbs-state-selected a {
    border-color: #007AFF;
    background-color: #007AFF;
    color: white !important;
}

.chbs-main-navigation-default li.chbs-state-selected a > span:last-child {
    color: #000000 !important; /* Force black text for label */
}

.chbs-main-navigation-default li.chbs-state-selected a span span:first-child {
    background-color: white;
    border-color: #000000;
    color: #000000 !important; /* Force black number */
}

.chbs-main-navigation-default li.chbs-state-selected a .chbs-meta-icon-tick::before {
    color: #000000 !important; /* Force black tick icon */
}

/* Hover State */
.chbs-main-navigation-default li:not(.chbs-state-selected) a:hover {
    border-color: rgba(255, 255, 255, 0.7);
    background-color: rgba(255, 255, 255, 0.05);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .chbs-main-navigation-default li {
        margin: 0 5px;
    }
    .chbs-main-navigation-default li a {
        padding: 8px 10px;
    }
    .chbs-main-navigation-default li a > span:last-child {
        font-size: 12px;
    }
}

/* Active Tab Styling - Consistent Blue Color */
.ui-tabs-nav li.ui-state-active .ui-tabs-anchor {
    background-color: #007AFF !important;
    color: white !important;
    border-color: #007AFF !important;
}

/* Hover State for Tabs */
.ui-tabs-nav li:not(.ui-state-active) .ui-tabs-anchor:hover {
    background-color: rgba(0, 122, 255, 0.1) !important;
    color: white !important;
}

/* Inactive Tab Styling */
.ui-tabs-nav li .ui-tabs-anchor {
    background-color: transparent !important;
    color: white !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    transition: all 0.3s ease !important;
}


/* Remove extra borders, outlines, and box-shadows globally inside .chbs-main */
.chbs-main * {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}


.icon-chevron-up-circle {
    display: none !important;
}

.pac-container {
  position: absolute !important;
  z-index: 9999 !important;
  top: 39% !important;
  left: 78px !important;
  width: 40% !important;
  margin-top: 2px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}


/* Make text and icons visible */
.chbs-payment-form,
.chbs-payment-form * {
  color: #ffffff !important;
}

/* Payment option background and border */
.chbs-payment-type-woocommerce-stripe {
  background-color: #1e1e1e; /* dark gray for contrast */
  border: 1px solid #444444;
  padding: 12px;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

/* Hover effect */
.chbs-payment-type-woocommerce-stripe:hover {
  background-color: #333333;
}

/* Selected state (if JavaScript toggles a selected class) */
.chbs-state-selected,
.chbs-payment-type-woocommerce-stripe.chbs-state-selected {
  background-color: #0055ff;
  border-color: #007bff;
  color: #ffffff;
}

/* Tick icon color */
.chbs-meta-icon-tick {
  color: #00ff99;
}

/* Style the checkbox container */
.chbs-form-checkbox {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #1e1e1e; /* Dark box to blend with dark theme */
  border: 1px solid #888;    /* Light border for visibility */
  border-radius: 4px;
  position: relative;
  vertical-align: middle;
}

/* Style the tick icon inside the checkbox */
.chbs-form-checkbox .chbs-meta-icon-tick {
  color: #00ff99; /* Bright green tick, change if needed */
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none; /* Initially hidden */
}

/* When checkbox is checked, show the tick */
.chbs-form-checkbox.chbs-state-selected .chbs-meta-icon-tick {
  display: block;
}


main.booking-request-main.login-request-main, main.booking-request-main.signup-request-main {
    min-height: 100%;
    background-color: #000;
    color: black;
    text-align: center;
    display: flex
;
    align-items: center;
}

.chbs-button-style-2.chbs-button-step-prev {
  margin-top: -5px;
  padding-bottom: 20px; 
  
  /* Adds space inside the button */
  margin-bottom: 20px;  /* Adds space outside the button below */
}

.fas{
    display: none !important;
}

.chbs-icon{
    display: none !important;
}

.chbs-main .chbs-form-field > label {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.chbs-form-label-group {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

/* Position and style selected flag container */
.iti__selected-flag {
  position: absolute !important;
  top: 100% !important;
  left: 5px !important;
  transform: translateY(-50%);
  
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  height: auto !important;
  gap: 1px !important; /* add gap between flag and dial code */
}

/* Flag styling */
.iti__flag {
  width: 20px !important;
  height: 15px !important;
  background-size: cover !important;
  background-color: #1E1E1E !important;
}

/* Dropdown country list items alignment */
.iti__country {
  display: flex !important;
  align-items: center !important;
}

/* Country name styling (dropdown and list) */
.iti__country-name {
  display: inline-block !important;
  font-size: 14px;
  color: #000000 !important; /* black text */
  white-space: nowrap;
  
  line-height: 1px;
}

.chbs-summary-price-element {
  padding: 15px 20px; /* 15px top/bottom, 20px left/right - adjust as needed */
}


/* Add padding inside the dial code (country code) */
.iti--separate-dial-code .iti__selected-dial-code {
  padding-left: 0px;
  padding-right: 000000px;
  margin-top: -6px;
  font-size: 14px;
  color: #333;
}



a.chbs-button.chbs-button-style-2,
a.chbs-button.chbs-button-style-1.chbs-button-step-next {
  background-color: #007aff !important;  /* normal state */
  border-color: #007aff !important;
  color: #fff !important;
}

a.chbs-button.chbs-button-style-2:hover,
a.chbs-button.chbs-button-style-1.chbs-button-step-next:hover {
  background-color: #333333 !important;  /* hover state */
  border-color: #333333 !important;
  color: #fff !important;  /* keep text white on hover */
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c63e5d1 *//* General Styles */
body {
    font-family: 'Roboto', sans-serif;
    background-color: #f9f9f9; /* Light background for contrast */
}

/* Main Container */
.chbs-main {
    background-color: #ffffff; /* White background for the main form */
    border: 1px solid rgba(0, 0, 0, 0.12);/* End custom CSS */