/* FAQ "You ask, I answer" - measured on the live page. Navy #031926, teal #0f758c / #0f7d94, font Noto Sans Hebrew (base.css) */
.c-tamir-faq {
  --faq-teal: #0f7d94;
  --faq-teal-text: #0f758c;
  --faq-navy: #031926;
  /* button gradient: the live site starts at #0f758c (very dark middle). Lightened a little, still a dark centre. */
  --faq-btn-dark: #188caa;
  --faq-btn-light: #23a8dd;
  background: #fff; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; line-height: 1.5; overflow-x: clip; isolation: isolate;
}
.c-tamir-faq :where(h2, p, details, summary) { margin: 0; padding: 0; }

.c-tamir-faq__wrap { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 25px 0 50px; }

.c-tamir-faq__title { font-size: 45px; font-weight: 900; line-height: 1; text-align: center; color: var(--faq-teal-text); }
.c-tamir-faq__title span { font-weight: 900; color: var(--faq-teal-text); }

.c-tamir-faq__list { display: flex; flex-direction: column; gap: 15px; width: 57%; max-width: 57%; }

.c-tamir-faq__item { display: block; }
.c-tamir-faq__q { display: flex; align-items: center; gap: 0 10px; padding: 15px 20px; list-style: none; cursor: pointer; background: #fff; color: var(--faq-teal); border: 1px solid var(--faq-teal); border-radius: 8px; transition: background-color .3s, color .3s; }
.c-tamir-faq__q::-webkit-details-marker { display: none; }
.c-tamir-faq__q::marker { content: ""; }
.c-tamir-faq__q-text { flex: 1 1 auto; font-size: 18px; font-weight: 800; line-height: 1.5; text-align: right; color: inherit; }
.c-tamir-faq__icon { display: flex; flex: 0 0 auto; margin-block: -2.5px; align-items: center; justify-content: center; width: 32px; height: 32px; background: #fff; border: 1px solid var(--faq-teal); border-radius: 50%; color: var(--faq-teal); }
.c-tamir-faq__icon svg { width: auto; height: 15px; fill: var(--faq-teal-text); }
.c-tamir-faq__icon-open { display: none; }
.c-tamir-faq__item[open] .c-tamir-faq__icon-open { display: block; }
.c-tamir-faq__item[open] .c-tamir-faq__icon-closed { display: none; }
.c-tamir-faq__q:hover, .c-tamir-faq__item[open] > .c-tamir-faq__q { background: var(--faq-teal); color: #fff; }
.c-tamir-faq__q:focus-visible { outline: 3px solid var(--faq-btn-light); outline-offset: 2px; }

.c-tamir-faq__a { margin-top: 13px; padding: 20px; border: 1px solid var(--faq-teal-text); border-radius: 6px; }
.c-tamir-faq__a p { margin-bottom: .9rem; padding-inline: 8px; font-size: 18px; font-weight: 300; line-height: 1.5em; color: var(--faq-navy); }

.c-tamir-faq__a-span { font-weight: 400; }
.c-tamir-faq__q:focus { outline: none; }
.c-tamir-faq__q:focus-visible { outline: 3px solid var(--faq-btn-light); outline-offset: 2px; }
.c-tamir-faq__button { display: inline-block; margin-top: 12px; padding: 18px 25px; font-size: 18px; font-weight: 900; line-height: 1; text-align: center; text-decoration: none; text-shadow: rgba(0, 0, 0, .3) 0 0 10px; color: #fff; background-image: radial-gradient(at 50% 100%, var(--faq-btn-dark) 0%, var(--faq-btn-light) 100%); border: 1px solid #fff; border-radius: 14px; box-shadow: rgba(255, 255, 255, .58) 0 0 15px -2px; transition: transform .3s; }
.c-tamir-faq__button:hover, .c-tamir-faq__button:focus-visible { transform: scale(1.1); }
.c-tamir-faq__button-inner { display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 8px; }
.c-tamir-faq__button-icon { display: block; width: 35px; line-height: 0; transform: rotate(45deg); transition: .2s; }
.c-tamir-faq__button-icon svg { display: block; width: 35px; height: 18px; fill: #fff; }
.c-tamir-faq__button-text { line-height: 1; }

@media (max-width: 767px) {
  .c-tamir-faq__wrap { padding: 30px 15px; }
  .c-tamir-faq__title { font-size: 35px; }
  .c-tamir-faq__list { width: 100%; max-width: 1000px; }
  .c-tamir-faq__a p { font-size: 16px; line-height: 1.5em; }
  .c-tamir-faq__q-text { margin-left: 19px; }
}