@charset "utf-8";



.ps-faq { background-color: rgb(249, 244, 241); padding: 70px 32px; font-family: "Red Hat Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: rgb(23, 23, 23); }



.ps-faq__inner { max-width: 880px; margin: 0px auto; }



.ps-faq__title { font-family: "Red Hat Display", sans-serif; font-weight: 900; font-size: clamp(32px, 4vw, 50px); line-height: 1; color: rgb(23, 23, 23); text-align: center; text-transform: uppercase; letter-spacing: -0.01em; margin: 0px 0px 36px; }



.ps-faq__tabs { display: inline-flex; margin: 0px auto 36px; padding: 5px; background-color: transparent; border: 1.5px solid rgb(23, 23, 23); border-radius: 999px; gap: 0px; }



.ps-faq__tabs-wrap { text-align: center; }



.ps-faq__tab { appearance: none; border: 0px; background-color: transparent; color: rgb(23, 23, 23); padding: 11px 22px; font-family: "Red Hat Display", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1; border-radius: 999px; cursor: pointer; transition: background-color 0.25s, color 0.25s; white-space: nowrap; }



.ps-faq__tab:hover:not(.is-active) { background-color: rgba(0, 0, 0, 0.04); }



.ps-faq__tab.is-active { background-color: rgb(23, 23, 23); color: rgb(255, 255, 255); }



.ps-faq__panel { display: none; }



.ps-faq__panel.is-active { display: block; }



.ps-faq__item { border-bottom: 1px solid rgba(23, 23, 23, 0.15); }



.ps-faq__item:first-child { border-top: 1px solid rgba(23, 23, 23, 0.15); }



.ps-faq__q { width: 100%; appearance: none; border: 0px; background-color: transparent; padding: 22px 8px 22px 0px; text-align: left; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-family: "Red Hat Display", sans-serif; font-size: 14.5px; font-weight: 700; color: rgb(23, 23, 23); text-transform: uppercase; letter-spacing: 0.02em; line-height: 1.3; transition: color 0.2s; }



.ps-faq__q:hover { color: rgb(86, 196, 174); }



.ps-faq__q-icon { flex: 0 0 24px; width: 24px; height: 24px; position: relative; transition: transform 0.3s; }



.ps-faq__q-icon::before, .ps-faq__q-icon::after { content: ""; position: absolute; background-color: rgb(23, 23, 23); transition: transform 0.3s, background-color 0.2s; }



.ps-faq__q-icon::before { top: 50%; left: 0px; right: 0px; height: 2px; transform: translateY(-50%); }



.ps-faq__q-icon::after { left: 50%; top: 0px; bottom: 0px; width: 2px; transform: translateX(-50%); }



.ps-faq__item.is-open .ps-faq__q-icon::after { transform: translateX(-50%) scaleY(0); }



.ps-faq__item.is-open .ps-faq__q { color: rgb(23, 23, 23); }



.ps-faq__a { max-height: 0px; overflow: hidden; transition: max-height 0.4s; }



.ps-faq__a-inner { padding: 0px 8px 22px 0px; font-family: "Red Hat Display", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.55; color: rgb(45, 45, 45); }



.ps-faq__a-inner p { margin: 0px 0px 12px; }



.ps-faq__a-inner p:last-child { margin-bottom: 0px; }



.ps-faq__a-inner strong { font-weight: 700; }



.ps-faq__a-inner ul { margin: 8px 0px 12px; padding-left: 20px; }



.ps-faq__a-inner ul li { margin: 0px 0px 6px; }



@media (max-width: 640px) {

  .ps-faq { padding: 50px 20px; }

  .ps-faq__title { font-size: clamp(26px, 8vw, 36px); margin-bottom: 28px; }

  .ps-faq__tabs { padding: 4px; margin-bottom: 28px; max-width: 100%; overflow-x: auto; scrollbar-width: none; }

  .ps-faq__tabs::-webkit-scrollbar { display: none; }

  .ps-faq__tab { padding: 9px 14px; font-size: 11px; letter-spacing: 0.04em; }

  .ps-faq__q { font-size: 12.5px; padding: 18px 4px 18px 0px; gap: 12px; }

  .ps-faq__q-icon { flex-basis: 20px; width: 20px; height: 20px; }

  .ps-faq__a-inner { font-size: 13.5px; padding-bottom: 18px; }

}