/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

#dropdown-1 option:last-child {
    display: none;
}
.select-dropdown, .time_date_person{
  display: flex;
	justify-content: space-between;
}
.drop_place, .pick_point{
	width: 48%;
	margin-bottom: 15px;
}
.drop_place label, .pick_point label{
	padding-bottom: 5px;
}
.date_selection, .time_selection, .people_selection{
	width: 33%;
}
#people-selector, #waiting-time, #time-selector-round, #people-selector-round{
	padding: 0.65rem 1rem;
}
#time-selector{
 padding: 0.56rem 1rem;
}
.time_date_person label{
	padding-bottom: 5px;
}
#km-options-display{
	display: none;
}
.time_date_person, .date_time_selection{
	margin-bottom: 20px;
}
#step-indicator ul{
	display: flex;
	list-style: none;
	justify-content: space-between;
}
#step-indicator ul li{
	width: 33%;
	text-align: center;
	background: #22314a;
	padding: 8px;
	color: #fff;
	border-radius: 3px;
}
.home #step-indicator{
	display: none;
}
#page-1{
	margin-top: 20px;
}
.home_form{
	background: #22324b;
}
#taxonomy-post-filter-form h2{
	text-align: center;
	color: #fff;
}
#taxonomy-post-filter-form label{
	color: #fff;
}
.summary .elementor-shortcode p{
	width: 50%;
	padding-left: 5px;
}
.summary .elementor-shortcode h2{
	width: 100%;
	font-size: 30px;
	background: #ed6f3a;
  color: #fff;
  padding-bottom: 5px;
  padding-left: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.steps_button{
	display: flex;
	justify-content: space-between;
  margin-bottom: 20px;
}
.steps_button .step_1,
.steps_button .step_2,
.steps_button .step_3{
	width: 33%;
}

#step_button_three{
	background: #818181;
	display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid #818181;
    width: 100%;
    padding: 8px;
    border-radius: 5px;
}
#step_button_one,
.page_3 #step_button_two,
.page_3 #step_button_three{
	display: block;
    text-align: center;
    text-decoration: none;
    background: #ed6f3a;
    color: #fff;
    border: 1px solid #ed6f3a;
    width: 100%;
    padding: 8px;
    border-radius: 5px;
} 
#step_button_two{
	display: block;
    text-align: center;
    text-decoration: none;
    background: #22324b;
    color: #fff;
    border: 1px solid #22324b;
    width: 100%;
    padding: 8px;
    border-radius: 5px;
}
#next-button{
	background: #ffffff;
 	color: #22324b;
  border: 1px solid #22324b;
}
#personal_details{
	text-decoration: none;
    padding: 8px 15px;
    border-radius: 5px;
    
	background: #22324b;
	color: #fff;
	border: 1px solid #22324b;
max-width: 100%;
	width: 100%;
}
.error-msg {
    color: red;
    font-size: 0.9em;
    margin-top: 5px;
		display: block !important;
}
.all_data{
	border: 1px solid #22324b;
	display: flex;
  flex-wrap: wrap;
	padding: 12px 12px 0px 12px;
	margin-bottom: 30px;
}
#personal_details_form{
	display: flex;
	flex-wrap: wrap;
justify-content: space-between;
}
#personal_details_form .detail_field{
	width: 49%;
margin-bottom: 10px;
}
.all_data p{
	width: 50%;
	padding-left: 5px;
}
.bold_amount{
	font-weight: 600;
    font-size: 18px;
}
.car_details{
	display: flex;
	align-items: center;
	border: 1px solid #000;
 	padding: 0px 20px;
margin-bottom: 30px;
justify-content: space-between;
}
.car-details{
	width: 60%;
}
.car-details p{
	width: 100% !important;
}
.select-car-btn{
	display: block;
    text-align: center;
    text-decoration: none;
    background: #22324b;
    color: #fff;
    border: 1px solid #22324b;
    width: 100%;
    padding: 8px;
    border-radius: 5px;
}
.round_trip_waiting{
  display: flex;
  align-items: center;
justify-content: space-between
}
.waiting_time, .round-trip-toggle{
  width: 49%;
}
.date_time_selection{
	display: flex;
justify-content: space-between;
}
.date_time_selection .date_selection,
.date_time_selection .time_selection, .date_time_selection .people_selection{
	width: 33%;
}
#taxonomy-post-filter-form {
    position: relative;
}

#taxonomy-post-filter-form .loader, #personal_details_form .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 40px; /* Adjust size as needed */
    height: 40px; /* Adjust size as needed */
    border: 4px solid #ccc;
    border-top: 4px solid #000;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
#round-trip{
	 transform: scale(1.5);
}
@keyframes spin {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
#taxonomy-post-filter-form .form-overlay, #personal_details_form .form-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8); /* Light semi-transparent overlay */
    z-index: 5; /* Below the loader */
    cursor: not-allowed; /* Indicate no interaction */
}
.loader, .form-overlay {
    pointer-events: none; /* Disable pointer events while the overlay is visible */
}

.loader.hide, .form-overlay.hide {
    pointer-events: auto; /* Enable pointer events once loader is hidden */
}

@media only screen and (max-width: 600px) {
	#taxonomy-post-filter-form label{
		font-size: 14px;
	}
	.select-dropdown, .time_date_person{
		display: block;
	}
	.drop_place, .pick_point, .date_selection, .time_selection, .people_selection, .date_time_selection .people_selection{
		width: 100%;
	}
	.steps_button,.steps_button .step_1, .steps_button .step_2, .steps_button .step_3{
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	.all_data{
		display: block;
	}
	.summary .elementor-shortcode p{
		width: 100%;
	}
	.round_trip_waiting .waiting_time, .round_trip_waiting .round-trip-toggle, .date_time_selection .date_selection, .date_time_selection .time_selection{
		width: 100%;
	}
	.round_trip_waiting{
		display: block;
margin-bottom: 20px;
	}
	.date_time_selection{
		display: block;
	}
	#personal_details_form .detail_field{
		width: 100%;
	}
	#personal_details_form .detail_field label{
		font-size: 15px;
	}
}
#time-selector-round{
	padding: 0.55rem 1rem;
}
#people-selector{
	padding: 0.7rem 1rem;
}
.round-trip-toggle{
	padding-bottom: 20px;
}
.paymentOption{
	display: flex;
	gap: 10px;
}
@media only screen and (max-width: 768px){
	.paymentOption{
		flex-wrap: wrap;
	}
	#cashPayment{
		white-space: normal;
    overflow-wrap: anywhere;
		text-align: left;
	}
}
.detail_field label{
	line-height: 1.2em;
}
#personal_details_form .privacy_info p{
	margin-bottom: 0px !important;
}
#personal_details_form .privacy_info, #personal_details_form .terms_field, #personal_details_form .marketing_field{
	width: 100%;
}