/*
Theme Name: Hello Elementor Child Custom
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Hello Elementor with preserved custom reservation page, header/footer edits, and reservation assets.
Author: OpenAI for user custom setup
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child-custom
*/
/* Global styles moved from elite-reservation.css */
/* Reservation page styles moved from the child theme. */
body{
	font-family:Quicksand,Sans-serif !important
}
.form-check-input {
	width: 12px;
	height: 10px;
}
.overlay{
	position:absolute;inset:0;background:#000;opacity:.8;transition:background .3s,border-radius .3s,opacity .3s
}
.navbar-dark .navbar-nav .nav-link{
	color:#fff
}
h1{
	color:#fff;font-family:Quicksand,sans-serif;font-size:65px;font-weight:700
}
h2,h3{
	font-family:Quicksand,Sans-serif;font-size:35px;font-weight:700
}
nav{
	z-index:1;border-bottom:1px solid rgba(255,255,255,.3);transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;font-weight:600
}
.btn-success,.btn-info{
	color:#fff !important;background:#02afef;border-color:#02afef;font-weight:600
}
.btn:hover{
	color:#fff;background:#048299;border-color:#048299
}
.form-control:focus{
	box-shadow:0 0 0 .25rem rgba(13,110,253,0)
}
.form-select:focus{
	box-shadow:0 0 0 .25rem rgba(159,159,159,0)
}
.fa-solid,.fas{
	color:#02afef
}
.icon-row{
	font-size:15px
}
.card{
	border:1px solid transparent;padding:3px
}
.rating strong:first-child{
	display:block
}
.rating span svg{
	width:17px;fill:green
}
.rating p{
	font-size:.8rem
}
.border-top{
	border-top:1px solid #324048!important
}
/* radio bullets for car & service */
.carselect,.carselect1{
	background:transparent;border-color:transparent
}
.carselect:after,.carselect1:after{
	content:'';display:inline-block;position:relative;border:2px solid #fff;background:#3a3a3a;border-radius:15px;visibility:visible
}
.carselect:after{
	width:13px;height:13px;bottom:4px;right:0
}
@media(min-width:576px){
	.carselect1:after{width:16px;height:16px;top:-3px;left:-1px
	}
	.carselect1:checked:after{background:#02afef
	}
}
@media (min-width: 576px) {
	.center .carselect:checked:after {
		width: 10px;
		height: 10px;
		border-radius: 5px;
		bottom: 19px;
		right: 0px;
		position: relative;
		background-color: #02afef;
		content: '';
		display: inline-block;
		visibility: visible;
		border: 0;
	}
}
@media (min-width: 576px) {
	.center .carselect:checked:before {
		width: 13px;
		height: 13px;
		border-radius: 6px;
		bottom: 4.2px;
		right: 1.3px;
		position: relative;
		background-color: #000000;
		content: '';
		display: inline-block;
		visibility: visible;
		border: 0;
	}
}
/* Package owl slider used in Select Your Car */
.package_sec{
	width:100%;background:#fff;position:relative;overflow:hidden
}
.package_sec .inner{
	width:100%;position:relative;z-index:98
}
.package_sec .package_block{
	width:100%;padding:12px 6px;background:#fff;border:1.5px solid #02afef;border-radius:15px;text-align:center;transition:all .3s
}
.center .package_block{
	padding: 20px 11px !important
}
.owl-stage{
	display: flex;align-items: center;min-height: 220px;
}
.package_sec .package_block h3{
	margin:0;font-size:22px;font-weight:500;color:#4c3bb3
}
.package_sec .owl-carousel.owl-drag .owl-item{
	padding:30px 30px 40px
}
.package_sec .owl-carousel .owl-dots{
	width:100%;margin:1px 0px 14px;text-align:center
}
.package_sec .owl-carousel .owl-dot span{
	width:11px;height:11px;display:block;border-radius:10px;opacity:.5;transition:all .3s
}
.package_sec .owl-carousel .owl-dot.active span{
	opacity:1;background:#4c3bb3
}
.package_sec .owl-item.active.center .package_block{
	background:#02afef !important;color:#ffffff;border: solid 1px #02afef;
}
.package_sec .owl-item.active.center .fa-solid, .fas{
	color: #000000;
}
.package_sec .owl-item.active.center .package_block h3{
	color:#cfc7ff
}
/* inputs + small helpers */
.input-group .input-group-text{
	background:transparent;border:0
}
.form-check-input:focus{
	box-shadow:0 0 0 .25rem rgba(13,110,253,0)
}
.form-check-label{
	position:relative;z-index:4
}
/* modal fixes used by SweetAlert backdrop layering */
.modal-backdrop{
	z-index:0
}
/* small responsive tweak used by page hero/text */
@media(max-width:576px){
	h1{font-size:40px
	}
}
.info-icon { cursor: pointer; line-height: 0; }
.info-icon svg { pointer-events: none; }
.hourly-tooltip .tooltip-inner {
	max-width: 320px;
	width: 320px;
	max-height: 200px;
	overflow-y: auto;
	padding: 12px 14px;
	font-size: 13px;
	text-align: left;
	white-space: normal;
	border-radius: 10px;
}
.tooltip-content .tooltip-title {
	font-size: 13px;
	margin: 0 0 6px;
	font-weight: 700;
	text-transform: capitalize;
}
.tooltip-content .tooltip-list {
	margin: 0;
	padding-left: 18px;
	line-height: 1.45;
}
.my-tooltip .tooltip-inner{
	max-width: 320px;
	width: 320px;
	max-height: 180px;
	overflow-y: auto;
	white-space: normal;
	text-align: left;
	padding: 12px 14px;
	font-size: 13px;
	border-radius: 10px;
}
.item-box{
	font-size: 13px;
	font-weight: 700;
}
.item-box img {
	width: 185px !important;
	height: 45px;
	max-width: 185px;
	max-height: 45px;
	object-fit: scale-down;
	margin: 0 auto;
}
button.owl-dot span{
	background: #000000;
	margin: 0 5px;
}
.datepicker-dropdown{
	z-index: 99999999!important;
}
.select2-container--default .select2-selection--single{
	border: none;
}
.is-invalid {
	border: 1px solid #dc3545 !important;
}
/* ===== OVERALL CARD STYLE (3on forms) ===== */
/* Hero forms se box-shadow hatao */
#ws-form-4.wsf-form-canvas,
#ws-form-5.wsf-form-canvas,
#ws-form-6.wsf-form-canvas {
	box-shadow: none !important;
	background: transparent !important; /* agar white bg aa raha ho to */
	border: 0 !important;
}
/* ===== One Way top title: Request Your Online Quote ===== */
.top-title > div {
	text-align: center;
	font-size: 30px;
	line-height: 1.1;
	font-weight: 600;
	color: #ffffff;          /* agar dark background hai */
	margin-bottom: 14px;
}
/* Agar title white card par aa raha hai to card ka background dark karo */
.elementor-element-56ebbee .wsf-form-canvas {
	background: rgba(0,0,0,0.55);
}
/* ===== INPUT ROW DESIGN (icons left, light blue box) ===== */
#ws-form-4 .wsf-field-wrapper .wsf-input-group,
#ws-form-5 .wsf-field-wrapper .wsf-input-group,
#ws-form-6 .wsf-field-wrapper .wsf-input-group {
	background: #F4FBFF;
	border-radius: 12px;
	padding: 10px 12px;
	border: 1px solid #E0F0FF;
}
#ws-form-4 .wsf-field,
#ws-form-5 .wsf-field,
#ws-form-6 .wsf-field {
	border: none;
	background: transparent;
	box-shadow: none;
}
/* icon ka chhota box */
#ws-form-4 .wsf-input-group-prepend,
#ws-form-5 .wsf-input-group-prepend,
#ws-form-6 .wsf-input-group-prepend {
	background: #E0F4FF;
	border-radius: 10px;
	padding: 10px;
	margin-right: 10px;
}
/* ===== Get Your Quote button (step 1, form 4) ===== */
/* wrapper show karo (agar form se hide nahi kiya) */
#wsf-4-field-wrapper-29 {
	display: block !important;
	margin-top: 18px;
}
/* actual button style */
#wsf-4-field-wrapper-29 .wsf-button {
	background: #009FE3;
	border-color: #009FE3;
	color: #ffffff;
	font-weight: 700;
	font-size: 15px;
	height: 54px;
	width: 100%;
	border-radius: 10px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	box-shadow: 0 12px 28px rgba(0,0,0,0.35);
}
/* hover effect */
#wsf-4-field-wrapper-29 .wsf-button:hover {
	background: #0083bf;
	border-color: #0083bf;
}
/* ===== DISCLAIMER LINE (field 790) ===== */
.button-get > div {
	margin-top: 8px;
	text-align: center;
	font-size: 12px;
	line-height: 1.4;
	color: #B4B4B4;
	font-style: italic;
}
/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 767.98px) {
	#ws-form-4.wsf-form-canvas,
	#ws-form-5.wsf-form-canvas,
	#ws-form-6.wsf-form-canvas {
		border-radius: 18px;
		padding: 20px 16px 18px;
	}
	.top-title > div {
		font-size: 24px;
		margin-bottom: 10px;
	}
	#wsf-4-field-wrapper-29 .wsf-button {
		height: 50px;
		font-size: 14px;
	}
}
/* ============================
Hero quote box outer card
============================ */
/* Poora white box (tabs + form) */
div.elementor-element[data-id="1a99e77"] {
	max-width: 540px;              /* chaaho to badha ghatta sakte ho */
	margin: 0 auto;
	background: #ffffff;
	border-radius: 26px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
	overflow: hidden;
}
/* Andar ka background clean rakho */
div.elementor-element[data-id="b19dec1"] {
	background: transparent !important;
}
/* ============================
FORM BASE STYLING
============================ */
.wsf-form.wsf-form-canvas {
	background: transparent;
	box-shadow: none;
}
/* Fieldset (jahan saare inputs hain) ko inner card jaisa look */
#wsf-4-section-1,
#wsf-5-section-38,
#wsf-6-section-67 {
	border: none;
	margin: 0;
	padding: 26px 26px 34px;
	background: #f9fdff;
	border-radius: 26px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
/* ============================
TITLE "Request Your Online Quote"
============================ */
.top-title div {
	display: block;
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	color: #222222;
	margin-bottom: 18px;
}
.after-button{
	font-size: 13px;
	text-align: center;
	padding-top: 10px;
}
#wsf-4-field-27{
	background-color: var(--wsf-field-color-background) !important;
	border: var(--wsf-field-border) !important;
}
/* ============================
INPUT GROUPS (ICON + INPUT)
============================ */
.wsf-field-wrapper .wsf-input-group {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 18px;
	background: #f1faff;
	border-radius: 14px;
	border: 1px solid #e2f0ff;
}
/* Icon box */
.wsf-input-group-prepend {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 40px;
	max-width: 40px;
	height: 40px;
	border-radius: 12px;
	background: #e0f4ff;
}
.wsf-input-group-prepend img {
	width: 20px;
	height: 20px;
}
/* Text inputs */
.wsf-input-group .wsf-field {
	width: 100%;
	border: none;
	background: transparent;
	height: 46px;
	padding: 0;
	font-size: 14px;
	color: #333333;
}
/* Focus state */
.wsf-input-group .wsf-field:focus {
	outline: none;
	box-shadow: none;
}
/* Error message thoda niche */
.wsf-invalid-feedback {
	margin-top: 4px;
}
/* ============================
Get Your Quote button style
(HTML field id: 790)
============================ */
/* Wrapper spacing */
.button-get {
	margin-top: 26px;
}
/* Text ko button ki tarah style karo */
.button-get div , .wsf-form button.wsf-button.wsf-button-primary{
	display: block;
	width: 100%;
	text-align: center;
	background: #009FE3;                 /* Elite blue */
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 16px 12px;
	border-radius: 10px;
	box-shadow: 0 10px 25px rgba(0, 159, 227, 0.55);
	cursor: pointer;
	font-size: 14px;
	cursor: no-drop;
}
/* Hover effect */
.button-get div:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 32px rgba(0, 159, 227, 0.7);
}
/* Optional: active state */
.button-get div:active {
	transform: translateY(1px);
	box-shadow: 0 6px 18px rgba(0, 159, 227, 0.45);
}
/* ============================
NEXT BUTTON HIDE HI RAHAY
============================ */
#wsf-4-field-wrapper-29 {
	display: none !important;
}
/* ============================
RESPONSIVE (MOBILE)
============================ */
@media (max-width: 767px) {
	div.elementor-element[data-id="1a99e77"] {
		max-width: 100%;
		border-radius: 18px;
	}
	#wsf-4-section-1,
	#wsf-5-section-38,
	#wsf-6-section-67 {
		border-radius: 18px;
		padding: 18px 16px 24px;
		box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
	}
	.top-title div {
		font-size: 22px;
		margin-bottom: 14px;
	}
	.wsf-input-group {
		padding: 10px 14px;
	}
	.button-get div {
		padding: 14px 10px;
		font-size: 13px;
	}
}
.eqb-next { display:none !important; }
.qb-actions [type=button], [type=submit], button {
	background-color: transparent;
	border: 1px solid #02afef !important;
	border-radius: 3px;
	color: #02afef !important;
	display: inline-block;
	font-size: 1rem;
	font-weight: 400;
	padding: .5rem 1rem;
	text-align: center;
	transition: all .3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	white-space: nowrap;
}
.eqb-actions [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
	background-color: #02afef !important;
	color:#000000 !important;
	text-decoration: none;
}