.hiddening {
  display: none !important;
}
.position-absolute {
  position: absolute !important;
}
.disable-frm {
  background-color: rgba(38, 38, 38, 0.3);
  width: 100%;
  height: 100%;
  z-index: 6;
  top: -16px;
  left: 0;
  bottom: 0;
}
.contact-booking .form-label,
#frm_email_booking_detail .form-label {
  font-weight: 400;
  color: #000;
  font-size: 0.885rem;
  text-transform: uppercase;
}
.contact-booking h4 {
  text-transform: uppercase !important;
}
.contact_us {
  position: relative;
}
.waiting-spinner {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZT0iIzAwMCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxzdHlsZT4uc3Bpbm5lcl9WOG0xe3RyYW5zZm9ybS1vcmlnaW46Y2VudGVyO2FuaW1hdGlvbjpzcGlubmVyX3pLb2EgMnMgbGluZWFyIGluZmluaXRlfS5zcGlubmVyX1Y4bTEgY2lyY2xle3N0cm9rZS1saW5lY2FwOnJvdW5kO2FuaW1hdGlvbjpzcGlubmVyX1lwWlMgMS41cyBlYXNlLWluLW91dCBpbmZpbml0ZX1Aa2V5ZnJhbWVzIHNwaW5uZXJfektvYXsxMDAle3RyYW5zZm9ybTpyb3RhdGUoMzYwZGVnKX19QGtleWZyYW1lcyBzcGlubmVyX1lwWlN7MCV7c3Ryb2tlLWRhc2hhcnJheTowIDE1MDtzdHJva2UtZGFzaG9mZnNldDowfTQ3LjUle3N0cm9rZS1kYXNoYXJyYXk6NDIgMTUwO3N0cm9rZS1kYXNob2Zmc2V0Oi0xNn05NSUsMTAwJXtzdHJva2UtZGFzaGFycmF5OjQyIDE1MDtzdHJva2UtZGFzaG9mZnNldDotNTl9fTwvc3R5bGU+PGcgY2xhc3M9InNwaW5uZXJfVjhtMSI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOS41IiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjMiPjwvY2lyY2xlPjwvZz48L3N2Zz4=")
    no-repeat;
  /* filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%)
    contrast(100%); */
  background-size: 18px;
  display: inline-block;
  width: 18px;
  height: 18px;
  padding-right: 25px;
}

#contact_us {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    max-width: 800px;
    width: 100%;
    margin: 40px auto;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

#contact_us.row.g-3 {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

#contact_us .form-label {
    margin-bottom: 8px;
    font-weight: normal;
    color: #555;
    font-size: 14px;
    display: block;
    line-height: 1.5;
}

#contact_us .form-control,
#contact_us .form-select {
    width: 100%;
    padding: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-size: 16px;
    background-color: #ffffff;
    box-sizing: border-box;
    height: auto;
    color: #333;
}

#contact_us .form-control::placeholder,
#contact_us textarea.form-control::placeholder {
    color: #a0a0a0;
}

#contact_us .form-control:focus,
#contact_us .form-select:focus,
#contact_us textarea.form-control:focus {
    border-color: #F7FFF9;
    outline: none;
    box-shadow: 0 0 0 3px rgba(35, 108, 58, 0.2);
}

#contact_us textarea.form-control {
    resize: vertical;
    min-height: 250px;
}

#contact_us .form-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23555555%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13.6-6.4H18.6c-5%200-9.6%202-13.6%206.4-4%204.4-6.4%209.6-6.4%2015.6s2.4%2011.2%206.4%2015.6l128%20128c4%204.4%209.6%206.4%2013.6%206.4s9.6-2%2013.6-6.4l128-128c4-4.4%206.4-9.6%206.4-15.6s-2.4-11.2-6.4-15.6z%22%2F%3E%3C%2Fsvg%3E'); /* Slightly lighter grey arrow */
    background-repeat: no-repeat;
    background-position: right 12px top 50%;
    background-size: 12px auto;
    padding-right: 30px;
}

#contact_us #btn_sumit_contact {
    background-color: #e9b343;
    color: white;
    padding: 12px 25px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#contact_us #btn_sumit_contact:hover {
    background-color: #d8a33a;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

#contact_us .submit-button .button-arrow {
    margin-left: 8px;
    font-size: 18px;
    line-height: 1;
}

#contact_us .col-12.text-end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 0;
}

#contact_us #frm-message {
    margin-right: auto;
    padding-right: 15px;
    color: #666;
    font-size: 14px;
}

@media (max-width: 767.98px) {
    #contact_us {
        padding: 20px;
        margin: 20px auto;
    }
    #contact_us .col-12.text-end {
        justify-content: center;
    }
}