.main-div { background-color: #003F5A; }
#payment-form *:not(.gray) { color: #fff; }
.booking-form input .dob { color: #210606; }
.sidebar-sticky { top: 5px; position: sticky; }
body:has(#bookingForm) { background-color: #003F5A; }
.booking-form .form-label { color: #fff; font-size: 30px; }
.gray { color: rgba(255, 255, 255, 0.40); font-size: 16px; }
#submit:hover { background-color: transparent;}
#bookingForm { width: 100%; max-width: 1360px; margin:40px auto 60px; }
.booking-form { padding: 40px; border-radius:15px; background: #19526a; }
.booking-form .form-control[type=date] { color: rgba(255, 255, 255, 0.60);}
.booking-form .form-control::-webkit-calendar-picker-indicator {filter: invert(1);}
.booking-form input:focus { background: #245b71; box-shadow: none; outline: 0; border-color: #FFFFFF33; }
#submit { background-color: #FA7436; border: 2px solid #FA7436; padding: 10px 25px; border-radius: 40px; }
.booking-form input::placeholder { color: rgba(255, 255, 255, 0.60); font-size: 16px; font-style: normal; font-weight: 400; }
.booking-form .dob { font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 0.40); display: flex; margin: 10px 0 6px 20px;}
.booking-form input::-webkit-inner-spin-button, .booking-form input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.booking-form option {border-radius: 100px;background-color: #245b71;border: 1px solid #FFFFFF33; padding: 12px 20px; margin-bottom: 15px;}
.card { padding: 20px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 10px; background: rgba(255, 255, 255, 0.20); margin-bottom: 20px; }

.booking-form input { border-radius: 100px; background-color: #245b71; border: 1px solid #FFFFFF33; padding: 12px 20px; margin-bottom: 15px; box-shadow:none; }
.booking-form .select { padding:0 20px; border-radius: 100px; background-color: #245b71; border: 1px solid #FFFFFF33; margin-bottom: 15px; box-shadow:none; }
.booking-form .form-select { color: rgba(255, 255, 255, 0.60); width: 100%;background-color: #19526a; border: 1px solid #FFFFFF33; border-radius: 20px;line-height: 34px;border-radius: 100px; --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");}

#payment-form .card { border: 0; }
#payment-form .card p, #payment-form .adults-child-qty label { margin: 0; }
#payment-form .igore-logo { display: block; margin: 0 auto; width: fit-content; }
#payment-form .adults-child-qty .col-md-12:has([name="childrenQty"]) { margin-top: 20px; }
#payment-form .adults-child-qty .quantity { gap: 10px; margin: 10px 0 0; max-width: fit-content; }
#payment-form .igt-rooms label, #payment-form .adults-child-qty .age { font-size: 14px; color: #c5c5c5; }
#payment-form select { border: 0; outline:0; width: 100%; box-shadow: none; padding: 12px 0; appearance: auo; background: transparent; }
#payment-form .quantity input { border: 0; width: 50px; height: 40px; padding: 0; color: #fff; box-shadow: none; border-radius: 0; text-align: center; background: transparent; }
#payment-form .quantity button { border: 0; width: 40px; height: 40px; display: flex; color: #333333; font-size: 21px; font-weight: 600; align-items: center; border-radius: 100px; background: #F0EFEF; justify-content: center; }
#payment-form .quantity button[disabled] { background: #c6c6c6; cursor: no-drop }

#bookingForm .heading span { color: #fa7436; }
#bookingForm .heading { font-size: 50px; line-height: 1.2; text-align: center; margin-bottom: 20px; }

html, body { overflow-x: hidden; }
html::-webkit-scrollbar { width: 5px; background-color: #ffffff; }
html::-webkit-scrollbar-thumb { background-color: #0491ce; border: 2px solid #0491ce; border-radius:10px; }
html::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #003f5a; }


/*Tour Summary*/
#payment-form .tour-summary li p { margin: 0; font-size: 14px; color: #c5c5c5; }
#payment-form .tour-summary img { width: 87px; height: 87px; object-fit: cover; border-radius: 10px; }
#payment-form .tour-summary ul { gap: 10px; margin: 0; padding: 0; display: flex; list-style-type: none; }