.elementor-1797 .elementor-element.elementor-element-b76f38e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1797 .elementor-element.elementor-element-129a20d{color:var( --e-global-color-52accec );}.elementor-1797 .elementor-element.elementor-element-129a20d a{color:var( --e-global-color-30320d7 );}.elementor-1797 .elementor-element.elementor-element-0aacf79{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-a0ea035 *//* =========================
   IMAT FAQ
   ========================= */

.imat-faq-block {
  --faq-navy: #0b2440;
  --faq-blue: #48a9e6;
  --faq-teal: #12a594;
  --faq-text: #12243a;
  --faq-muted: #5b6b7f;
  --faq-line: rgba(15, 64, 101, 0.14);
  --faq-soft: #f4f9fd;
  --faq-white: #ffffff;

  width: min(1180px, calc(100% - 32px));
  margin: 35px auto 70px;
  padding: 34px;
  direction: rtl;
  text-align: right;
  color: var(--faq-text);

  border: 1px solid var(--faq-line);
  border-radius: 6px;

  background:
    radial-gradient(
      circle at 5% 10%,
      rgba(72, 169, 230, 0.1),
      transparent 25%
    ),
    var(--faq-white);

  box-shadow: 0 18px 55px rgba(7, 39, 68, 0.08);
}

.imat-faq-block *,
.imat-faq-block *::before,
.imat-faq-block *::after {
  box-sizing: border-box;
}


/* Header */

.imat-faq-header {
  max-width: 800px;
  margin-bottom: 28px;
}

.imat-faq-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  margin-bottom: 10px;

  color: var(--faq-teal);
  font-size: 13px;
  font-weight: 900;
}

.imat-faq-label::before {
  content: "";

  width: 9px;
  height: 9px;

  border-radius: 50%;
  background: var(--faq-teal);

  box-shadow:
    0 0 0 5px rgba(18, 165, 148, 0.12);
}


.imat-faq-block h2 {
  position: relative;

  margin: 0 0 12px;
  padding-right: 18px;

  color: var(--faq-navy);

  font-size: clamp(24px, 3.2vw, 34px);
  line-height: 1.55;
  font-weight: 900;
}

.imat-faq-block h2::before {
  content: "";

  position: absolute;
  right: 0;
  top: 0.34em;

  width: 5px;
  height: 1.15em;

  border-radius: 999px;

  background:
    linear-gradient(
      180deg,
      var(--faq-blue),
      var(--faq-teal)
    );
}


.imat-faq-intro {
  margin: 0;

  color: var(--faq-muted);

  font-size: 15px;
  line-height: 2;
}


/* FAQ List */

.imat-faq-list {
  display: grid;
  gap: 13px;
}


/* FAQ Item */

.imat-faq-item {
  overflow: hidden;

  border: 1px solid var(--faq-line);
  border-radius: 6px;

  background: rgba(255, 255, 255, 0.96);

  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

.imat-faq-item:hover {
  transform: translateY(-2px);

  border-color: rgba(18, 165, 148, 0.38);

  box-shadow:
    0 12px 32px rgba(7, 39, 68, 0.08);
}

.imat-faq-item[open] {
  border-color: rgba(72, 169, 230, 0.42);

  box-shadow:
    0 13px 36px rgba(7, 39, 68, 0.08);
}


/* Question */

.imat-faq-question {
  position: relative;

  display: flex;
  align-items: center;

  min-height: 65px;

  padding:
    17px
    20px
    17px
    58px;

  color: var(--faq-navy);

  font-size: 16px;
  font-weight: 900;
  line-height: 1.8;

  cursor: pointer;
  list-style: none;
  user-select: none;
}

.imat-faq-question::-webkit-details-marker {
  display: none;
}


/* Plus / Minus */

.imat-faq-question::before,
.imat-faq-question::after {
  content: "";

  position: absolute;

  left: 23px;
  top: 50%;

  width: 16px;
  height: 2px;

  border-radius: 999px;

  background: var(--faq-teal);

  transition: transform 0.25s ease;
}

.imat-faq-question::before {
  transform: translateY(-50%);
}

.imat-faq-question::after {
  transform:
    translateY(-50%)
    rotate(90deg);
}

.imat-faq-item[open]
.imat-faq-question::after {
  transform:
    translateY(-50%)
    rotate(0deg);
}


/* Answer */

.imat-faq-answer {
  padding:
    0
    20px
    20px;

  border-top: 1px solid var(--faq-line);

  background:
    linear-gradient(
      180deg,
      rgba(244, 249, 253, 0.72),
      rgba(255, 255, 255, 0.96)
    );
}

.imat-faq-answer p {
  margin: 16px 0 0;

  color: var(--faq-muted);

  font-size: 15px;
  line-height: 2;
}

.imat-faq-answer strong {
  color: var(--faq-text);
  font-weight: 900;
}


/* Hover فقط برای دستگاه‌هایی که ماوس دارند */

@media (hover: hover) {

  .imat-faq-question:hover {
    color: var(--faq-teal);
  }

}


/* Tablet */

@media (max-width: 900px) {

  .imat-faq-block {
    padding: 28px 24px;
  }

}


/* Mobile */

@media (max-width: 680px) {

  .imat-faq-block {
    width: calc(100% - 20px);

    margin:
      25px
      auto
      45px;

    padding:
      24px
      17px;
  }

  .imat-faq-header {
    margin-bottom: 22px;
  }

  .imat-faq-block h2 {
    font-size: 24px;
  }

  .imat-faq-intro {
    font-size: 14px;
  }

  .imat-faq-question {
    min-height: 60px;

    padding:
      15px
      16px
      15px
      48px;

    font-size: 15px;
  }

  .imat-faq-question::before,
  .imat-faq-question::after {
    left: 17px;

    width: 14px;
  }

  .imat-faq-answer {
    padding:
      0
      16px
      17px;
  }

  .imat-faq-answer p {
    font-size: 14px;
    line-height: 2;
  }

}


/* Accessibility */

@media (prefers-reduced-motion: reduce) {

  .imat-faq-block *,
  .imat-faq-block *::before,
  .imat-faq-block *::after {
    transition: none !important;
  }

}/* End custom CSS */