.faq-grid {
  display: grid;
  grid-template-columns: 1fr 456px;
  gap: 24px; }
  @media (max-width: 1249px) {
    .faq-grid {
      grid-template-columns: 1fr 410px;
      gap: 54px; } }
  @media (max-width: 1099px) {
    .faq-grid {
      grid-template-columns: 1fr;
      gap: 32px; } }
  @media (max-width: 575px) {
    .faq-grid {
      gap: 20px; } }

.faq__title {
  transition: all 0.3s ease; }

.faq__slider {
  display: none; }

.faq__content {
  padding-top: 30px;
  overflow: hidden; }

.faq__toggler {
  position: absolute;
  right: 14px;
  top: 9px;
  width: 32px;
  height: 32px; }
  @media (max-width: 1099px) {
    .faq__toggler {
      top: 0px;
      right: 0; } }
  .faq__toggler:after {
    position: absolute;
    content: '';
    height: 1px;
    top: 50%;
    left: calc(50% - 8px);
    width: 16px;
    background-color: var(--theme-base-color); }
  .faq__toggler:before {
    position: absolute;
    content: '';
    height: 16px;
    top: calc(50% - 8px);
    left: 50%;
    width: 1px;
    background-color: var(--theme-base-color);
    transition: all 0.3s ease; }

.faq__right {
  position: sticky;
  top: var(--headerStickyHeight);
  align-self: flex-start; }
  @media (max-width: 1249px) {
    .faq__right {
      width: 100%; } }

.form-wrap {
  border: 1px solid #E9E9E9;
  border-radius: 8px;
  padding: 32px; }
  @media (max-width: 1099px) {
    .form-wrap {
      padding: 20px 16px; } }