.faq-section {
  max-width: 850px;
  margin: 30px auto;
  padding: 20px;
  font-family: Arial, sans-serif;
}

.faq-title{
    width:100%;
    max-width:none;
    margin:0 0 30px;
    padding:18px 25px;
    box-sizing:border-box;

    text-align:center;

    font-size:34px;
    font-weight:800;
    letter-spacing:3px;
    text-transform:uppercase;

    color:#ffd86a;
    border-radius:18px;
    border:1px solid rgba(255,216,106,.45);

    background:linear-gradient(
        180deg,
        #4a4a4a 0%,
        #1c1c1c 35%,
        #050505 100%
    );

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.18),
        inset 0 -3px 0 rgba(0,0,0,.9),
        0 10px 25px rgba(0,0,0,.55),
        0 0 20px rgba(255,216,106,.18);

    text-shadow:
        0 2px 2px #000,
        0 0 8px rgba(255,216,106,.6),
        0 0 18px rgba(255,216,106,.35);
}
.hotelchars h2 {
    font-size: 1.6em;
    margin: 0;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;

    background: linear-gradient(
        180deg,
        #fff8d6 0%,
        #ffe58a 15%,
        #ffd54f 35%,
        #f4c430 50%,
        #d4af37 65%,
        #b8860b 85%,
        #fff4b0 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    text-shadow:
        0 1px 1px rgba(0,0,0,.9),
        0 0 8px rgba(212,175,55,.35);
}

.faq-item {
  background: #ffffff;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-bottom: 15px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0,0,0,0.06);
}

.faq-question {
  padding: 18px 20px;
  font-size: 17px;
  font-weight: bold;
  color: #111;
  background: #f7f7f7;
}

.faq-answer {
  padding: 18px 20px;
  font-size: 15px;
  line-height: 1.7;
  color: #444;
}