#home{
  position: relative;
  z-index: 2;
}
.hotel-detail-central .contact-us-container #id_select_city{
  display: none;
}
.hotel-detail-central .contact-us-container #id_select_hotel{
  display: none;
}
.contact-us-container {
  font-family: Helvetica; }
  .contact-us-container .max-width-960 {
    max-width: 960px; }
  .contact-us-container .contact-us-content {
    background: #f2f3f4;
    padding: 100px 0px 60px 0px;
    overflow-x: hidden;
    position: relative;
    z-index: 2; }

    @media only screen and (min-width: 768px) and (max-width: 991.98px) {
      .contact-us-container .contact-us-content {
        padding: 15px 60px 15px 60px; } }
    @media only screen and (max-width: 767.98px) {
      .contact-us-container .contact-us-content {
        padding: 20px 35px 20px 35px; } }
  .contact-us-container .head-line {
    text-align: center;
    color: #9815a3;
    width: 100%;
    font-size: 36px;
    padding-bottom: 30px; }
    .central-branch .contact-us-container .head-line{
      color: #ca7504;
    }
    .liberty-hotel .contact-us-container .head-line{
      color: #14a652;
    }
  .contact-us-container .summary {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 15px;
    text-align: center;
    padding-bottom: 15px; }
    .contact-us-container .summary:first-child {
      padding-top: 30px; }
    .contact-us-container .summary:last-child {
      padding-bottom: 45px; }
  .contact-us-container input, .contact-us-container textarea {
    border-radius: 0px;
    height: 52px;
    font-size: 15px; }
  .contact-us-container textarea {
    border-radius: 0px;
    height: 250px;
    font-size: 15px;
    resize: none; }
  .contact-us-container .contact-us-address {
    position: relative;
    background: #fff; }

  .contact-us-address .row{
    margin: 0;
  }
  .contact-us-address .col-address {
    padding: 0;
  }

  .contact-us-address .group-address{
    padding: 100px;
    background-image: url(/static/assets/image/backgroundlocation.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
  }

  .contact-us-content select{
    height: 52px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/static/assets/image/icon/baseline-arrow.svg) 99% / 6% no-repeat #fff;
  }



  @media (max-width:767px){

    .contact-us-address .group-address{
      min-height: auto;
      padding: 40px 20px;
    }
    .contact-us-container .contact-us-content .container{
        padding: 0;
    }
    .contact-us-container .contact-us-content .container .form-group{
      padding: 0;
    }
  }

    /* @media only screen and (min-width: 1200px) {
      .contact-us-container .contact-us-address .group-address {
        position: absolute;
        top: 50%;
        height: 30%;
        width: 95%;
        margin: -15% 0 0 0; } }
    .contact-us-container .contact-us-address .address-1 {
      font-size: 15px;
      font-weight: bold; }
    .contact-us-container .contact-us-address .address-2 {
      font-size: 15px;
      font-weight: 300; }
    .contact-us-container .contact-us-address .address-3 span {
      font-weight: bold; }
    .contact-us-container .contact-us-address .address-3 span:last-child {
      color: #9815a3; }

      .contact-us-container .contact-us-address .address-3 span:last-child a{
        color: #9815a3;
        font-weight: bold;
        cursor: pointer;
      }
      .contact-us-container .contact-us-address .address-3 span:last-child a:hover{
        text-decoration: underline;
      }
    .contact-us-container .contact-us-address .contact-us-map {
      padding-bottom: 56.25%; } */

/* ===== Contact form redesign 2026-06 (scoped to .contact-form-v2) ===== */
/* per-brand accent (matches existing .head-line colors) */
.contact-us-container { --cf-accent: #9815a3; }
.central-branch .contact-us-container { --cf-accent: #ca7504; }
.liberty-hotel .contact-us-container { --cf-accent: #14a652; }

.contact-form-v2 .cf-card {
  max-width: 880px;
  margin: 0 auto;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .08);
  padding: 36px 40px 32px;
}
.contact-form-v2 .cf-req { text-align: right; font-size: 12px; color: #888; margin-bottom: 12px; }
.contact-form-v2 .cf-star { color: var(--cf-accent); }
.contact-form-v2 .cf-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 22px; }
.contact-form-v2 .cf-full { grid-column: 1 / -1; }
.contact-form-v2 .cf-field { display: flex; flex-direction: column; gap: 7px; }
.contact-form-v2 .cf-field label { font-size: 13px; font-weight: 700; color: #4a4a4a; margin: 0; }
.contact-form-v2 .cf-hint { font-size: 12px; color: #a0a0a0; }

/* inputs / selects / textarea — override the legacy thick/rigid style
   (exclude the submit button so it keeps its .cf-submit styling) */
.contact-us-container .contact-form-v2 input:not([type="submit"]),
.contact-us-container .contact-form-v2 select,
.contact-us-container .contact-form-v2 textarea {
  height: auto !important;
  border: 1px solid #dcdce1 !important;
  border-radius: 10px !important;
  padding: 12px 14px;
  font-size: 15px;
  width: 100%;
  background-color: #fff;
  transition: border-color .15s, box-shadow .15s;
}
.contact-us-container .contact-form-v2 textarea { min-height: 150px !important; resize: vertical; line-height: 1.5; }
.contact-form-v2 input:not([type="submit"]):focus,
.contact-form-v2 select:focus,
.contact-form-v2 textarea:focus {
  outline: none;
  border-color: var(--cf-accent) !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .06);
}
.contact-form-v2 select {
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  background: url(/static/assets/image/icon/baseline-arrow.svg) right 14px center / 14px no-repeat #fff;
  padding-right: 40px; color: #555; cursor: pointer;
}
/* the real city/hotel inputs are hidden (JS syncs them from the selects) */
.contact-form-v2 #id_city, .contact-form-v2 #id_hotel { display: none; }

.contact-form-v2 .cf-actions { text-align: center; margin-top: 28px; }
.contact-form-v2 .cf-submit {
  background: var(--cf-accent);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 15px 56px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .5px;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
  transition: filter .18s, transform .18s, box-shadow .18s;
}
.contact-form-v2 .cf-submit:hover { filter: brightness(1.08); transform: translateY(-2px); box-shadow: 0 12px 26px rgba(0, 0, 0, .24); }

@media (max-width: 640px) {
  .contact-form-v2 .cf-grid { grid-template-columns: 1fr; }
  .contact-form-v2 .cf-card { padding: 24px 18px; }
}