.iti--inline-dropdown {
    width: 100% !important;
}

.iti__selected-country-primary {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}

.iti__globe {
    order: 1 !important;
}

.iti--inline-dropdown .iti__dropdown-content {
    left: 0px !important;
}

label {
    display: block;
}

/* Style for unavailable dates */
.unavailable-day a {
    opacity: 0.5;
    color: #ccc !important;
    background: #f5f5f5 !important;
    text-decoration: line-through;
    cursor: not-allowed;
}

/* Style for available dates */
.available-day a {
    font-weight: bold;
    color: #009900;
    background: #f0fff0;
}

/* Disable hover effect on unavailable dates */
.unavailable-day a.ui-state-hover {
    background: #f5f5f5 !important;
    cursor: not-allowed;
}

.cmxform label {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
}
/** 
My Form Styling 
*/
form.cmxform *{
	font-family:Cairo !important;
}
/* Preserve borders and visibility for country dropdown elements */
form.cmxform .iti__selected-country {
	border: initial !important;
}
form.cmxform .iti__arrow {
	border: initial !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}
.cmxform label{
text-align:right !important;
}
select.form-control , input.form-control{
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: rgba(44, 56, 74, .95);
background-color:#fff;
border: 1px solid #b1b7c1 !important;
border-radius: .375rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}
.iti__selected-country{
	border:none !important;
}
.iti__selected-country:hover{
background-color:white !important;
}
.form-control:focus {
color:rgba(44, 56, 74, .95);
background-color: #fff;
border-color:#998fed;
outline: 0;
box-shadow: 0 0 0 .25rem #321fdb40;
}
input, input[type=text], input[type=email], input[type=number], textarea, select{
height:auto;
}
.fa-booking-wrap{
padding:1.1rem !important;
border-radius:0.375rem !important;
margin:1.5em !important;
}
body.rtl input, body.rtl input[type=text], body.rtl input[type=email], body.rtl input[type=number], body.rtl textarea, body.rtl select, body.rtl_enable input, body.rtl_enable input[type=text], body.rtl_enable input[type=email], body.rtl_enable textarea, body.rtl_enable select{
	text-align:right !important;
}
body.rtl input[type=submit], body.rtl button[type=submit], body.rtl_enable input[type=submit], body.rtl_enable button[type=submit]{
	text-align:center !important;
	font-size:16px !important;
	border-radius:8px !important;
}
.iti input.iti__tel-input, .iti input.iti__tel-input[type=tel]{
text-align:left !important;
}
/* Force left alignment after intlTelInput initialization */
.iti input[type=tel], .iti .iti__tel-input {
text-align: left !important;
}
/* Fix placeholder visibility and positioning - left aligned next to dropdown */
input#telephone::placeholder,
.iti input#telephone::placeholder,
.iti .iti__tel-input::placeholder {
font-size:1.0em !important;
text-align:left !important;
opacity: 0.8 !important;
color: #999 !important;
line-height: 40px !important;
vertical-align: middle !important;
}
/* Ensure placeholder shows in both RTL and LTR - with stronger selectors */
input#telephone::-webkit-input-placeholder,
.iti input#telephone::-webkit-input-placeholder,
.iti .iti__tel-input::-webkit-input-placeholder { 
text-align: left !important;
opacity: 0.8 !important;
line-height: 40px !important;
}
input#telephone::-moz-placeholder,
.iti input#telephone::-moz-placeholder,
.iti .iti__tel-input::-moz-placeholder { 
text-align: left !important;
opacity: 0.8 !important;
line-height: 40px !important;
}
input#telephone:-ms-input-placeholder,
.iti input#telephone:-ms-input-placeholder,
.iti .iti__tel-input:-ms-input-placeholder { 
text-align: left !important;
opacity: 0.8 !important;
line-height: 40px !important;
}
input.btn-success-me{
background: linear-gradient(180deg, rgb(17, 114, 193) 0%, rgb(0, 40, 73) 100%);
opacity:.65;
color: #fff;
border-color:#2eb85c00;
font-family:Cairo!important;
}
div.iti__country-container{
width: auto !important;
min-width: 60px !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
padding: 0 !important;
margin: 0 !important;
z-index: 1 !important;
}
button.iti__selected-country{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
width: auto !important;
min-width: 60px !important;
padding: 0 8px 0 0 !important;
margin: 0 !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
}
button.iti__selected-country:hover{
border-radius:0px;
background-color:transparent !important;
}
/* Fix arrow visibility and styling - using exact intlTelInput structure */
.iti__arrow,
.iti .iti__arrow,
.iti__selected-country .iti__arrow,
.iti__selected-country-primary .iti__arrow,
button.iti__selected-country .iti__arrow {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
margin-left: 8px !important;
margin-right: 8px !important;
width: 0 !important;
height: 0 !important;
border-left: 3px solid transparent !important;
border-right: 3px solid transparent !important;
border-top: 4px solid #333 !important;
border-bottom: 0 !important;
position: relative !important;
z-index: 99 !important;
vertical-align: middle !important;
}
/* Ensure arrow container has proper layout */
.iti__selected-country-primary {
display: flex !important;
align-items: center !important;
}
/* Fix dropdown positioning for both languages */
.iti--inline-dropdown .iti__dropdown-content {
left: 0px !important;
right: auto !important;
}
#telephone{
padding-right:0px !important;
}

/* Ensure proper spacing and layout for the phone input */
.iti {
display: block !important;
width: 100% !important;
position: relative !important;
padding: 0 !important;
margin: 0 !important;
}
/* Ensure the selected country primary container is properly aligned */
.iti__selected-country-primary {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
padding: 0 !important;
}
.iti .iti__tel-input,
.iti input[type="tel"],
input#telephone.iti__tel-input {
padding-left: 70px !important;
width: 100% !important;
box-sizing: border-box !important;
text-align: left !important;
vertical-align: middle !important;
height: 40px !important;
line-height: 40px !important;
position: relative !important;
z-index: 0 !important;
}
/* Force center alignment to persist after initialization */
.iti input[type="tel"]:not(:focus),
.iti .iti__tel-input:not(:focus) {
text-align: center !important;
}
/* Ensure consistent dropdown positioning */
.iti--inline-dropdown .iti__dropdown-content {
left: 0px !important;
right: auto !important;
z-index: 1050 !important;
}

/* Override any library changes that might affect placeholder positioning */
.iti input[type="tel"]::placeholder,
.iti .iti__tel-input::placeholder,
input#telephone.iti__tel-input::placeholder {
text-align: left !important;
opacity: 0.8 !important;
color: #999 !important;
}

/* Force text alignment to left even after library initialization */
.iti input[type="tel"],
.iti .iti__tel-input,
input#telephone.iti__tel-input {
text-align: left !important;
}

/* Additional override for persistent left alignment */
input#telephone {
text-align: left !important;
}
input#telephone:focus {
text-align: left !important;
}