body.faq-page {
  color: #202020;
  background:
    repeating-linear-gradient(90deg, rgba(26, 43, 54, .018) 0 2px, transparent 2px 6px),
    repeating-linear-gradient(0deg, rgba(26, 43, 54, .014) 0 1px, transparent 1px 5px), #fff;
}

.faq-page main > section.faq-banner {
  min-height: clamp(230px, 29.9vw, 574px);
  background: url("https://www.tukiat.com/demo/assets/images/new/faq-banner.jpg") center / cover no-repeat #edf4f6;
}

.faq-banner .inner-banner-copy {
  width: min(80%, 1050px);
}

.faq-banner .inner-banner-copy h1 {
  color: #ef3827;
  text-shadow: 0 2px 0 rgba(255, 255, 255, .35);
}

.faq-content {
  width: min(1120px, 88%);
  margin: 0 auto;
  padding: clamp(42px, 4.1vw, 100px) 0 clamp(64px, 8vw, 140px);
}
#faq-content .rules-breadcrumb{background:transparent;}
#faq-content .rules-breadcrumb ol {background: rgb(232, 232, 232);}
#faq-content .rules-breadcrumb{color: rgb(48, 48, 48);}
#faq-content .rules-breadcrumb li + li::before {color: rgb(48, 48, 48);}

.faq-intro {
  max-width: 710px;
  margin: 0 auto clamp(26px, 3vw, 46px);
  color: #3d4854;
  font-size: clamp(17px, 1.35vw, 21px);
  line-height: 1.6;
  text-align: center;
}

.faq-list { display: grid; gap: 14px; }

.faq-item {
  overflow: clip;
  border: 1px solid #d8e0e4;
  border-radius: 12px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 5px 18px rgba(26, 43, 54, .07);
  transition: border-color .25s ease, box-shadow .25s ease;
}

.faq-item[open] {
  border-color: #ef3827;
  box-shadow: 0 10px 28px rgba(26, 43, 54, .12);
}

.faq-question {
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
  padding: clamp(17px, 1.65vw, 26px) clamp(18px, 2.1vw, 32px);
  color: #1e2a36;
  font-size: clamp(17px, 1.38vw, 21px);
  font-weight: 600;
  line-height: 1.35;
  list-style: none;
  cursor: pointer;
}

.faq-question::-webkit-details-marker { display: none; }
.faq-question::after {
  content: "+";
  display: grid;
  flex: 0 0 31px;
  place-items: center;
  width: 31px;
  height: 31px;
  margin-left: auto;
  border-radius: 50%;
  background: #ef3827;
  color: #fff;
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
  transition: transform .25s ease, background-color .25s ease;
}
.faq-item[open] .faq-question::after { transform: rotate(45deg); background: #1e2a36; }

.faq-answer {
  padding: 0 clamp(18px, 2.1vw, 32px) clamp(19px, 1.8vw, 28px);
  border-top: 1px solid #e9edef;
  color: #3d4854;
  font-size: clamp(16px, 1.23vw, 19px);
  line-height: 1.65;
}
.faq-answer p + p { margin-top: 9px; }
.faq-answer ul, .faq-answer ol { margin: 9px 0 0 22px; }
.faq-answer li + li { margin-top: 3px; }

@media (max-width: 600px) {
  .faq-page main > section.faq-banner { min-height: 180px; }
  .faq-content { width: min(92%, 620px); padding-top: 38px; }
  .faq-question { gap: 12px; padding: 16px 17px; }
  .faq-question::after { flex-basis: 27px; width: 27px; height: 27px; font-size: 23px; }
  .faq-answer { padding: 0 17px 18px; }
}

@media (prefers-reduced-motion: reduce) { .faq-item, .faq-question::after { transition: none; } }
.inner-banner .inner-banner-copy h1#faq-title span{color:#000;font-weight: 600;text-transform:capitalize;}