/* ARIDES FAQ V1 */

.arides-faq-section {
  padding: 38px 0 54px;
  background: #f7fafc;
}

.arides-faq-wrap {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}

.arides-faq-head {
  max-width: 680px;
  margin-bottom: 22px;
}

.arides-faq-kicker {
  display: inline-block;
  margin-bottom: 7px;
  color: #16b364;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.arides-faq-head h2 {
  margin: 0;
  color: #17233b;
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.arides-faq-head p {
  margin: 9px 0 0;
  color: #718096;
  font-size: 14px;
  line-height: 1.55;
}

.arides-faq-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.arides-faq-item {
  overflow: hidden;
  border: 1px solid #e4ebf0;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(24, 39, 75, 0.035);
}

.arides-faq-question {
  width: 100%;
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 17px;
  border: 0;
  background: transparent;
  color: #17233b;
  cursor: pointer;
  text-align: left;
  font: inherit;
  font-size: 14px;
  font-weight: 750;
}

.arides-faq-question:hover {
  background: #f9fcfa;
}

.arides-faq-icon {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #eef9f3;
  color: #16a05e;
  font-size: 20px;
  line-height: 1;
  transition: transform .18s ease;
}

.arides-faq-item.is-open .arides-faq-icon {
  transform: rotate(45deg);
}

.arides-faq-answer {
  display: none;
  padding: 0 17px 17px;
  color: #667085;
  font-size: 13px;
  line-height: 1.58;
}

.arides-faq-item.is-open .arides-faq-answer {
  display: block;
}

.arides-faq-answer strong {
  color: #17233b;
}

.arides-faq-answer ul {
  margin: 8px 0 0;
  padding-left: 19px;
}

.arides-faq-answer li + li {
  margin-top: 4px;
}

.arides-faq-cta {
  margin-top: 18px;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid #dcebe3;
  border-radius: 16px;
  background:
    linear-gradient(
      135deg,
      #f3fbf6,
      #ffffff
    );
}

.arides-faq-cta strong {
  display: block;
  margin-bottom: 3px;
  color: #17233b;
  font-size: 15px;
}

.arides-faq-cta span {
  color: #718096;
  font-size: 12px;
}

.arides-faq-cta button {
  flex: 0 0 auto;
}

@media (max-width: 760px) {
  .arides-faq-section {
    padding: 30px 0 38px;
  }

  .arides-faq-wrap {
    width: min(100% - 20px, 1180px);
  }

  .arides-faq-list {
    grid-template-columns: 1fr;
  }

  .arides-faq-head h2 {
    font-size: 25px;
  }

  .arides-faq-question {
    min-height: 60px;
    padding: 14px;
    font-size: 13px;
  }

  .arides-faq-answer {
    padding: 0 14px 15px;
    font-size: 12.5px;
  }

  .arides-faq-cta {
    display: block;
  }

  .arides-faq-cta button {
    width: 100%;
    margin-top: 13px;
  }
}

/* ARIDES_FAQ_MOBILE_CTA_CENTER_V1 */
@media (max-width: 760px) {
  .arides-faq-cta {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    padding: 18px 16px 20px;
  }

  .arides-faq-cta > div {
    width: 100%;
    min-width: 0;
  }

  .arides-faq-cta strong {
    margin-bottom: 6px;
    line-height: 1.3;
  }

  .arides-faq-cta span {
    display: block;
    line-height: 1.45;
  }

  .arides-faq-cta > a.btn {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    float: none !important;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: min(100%, 340px) !important;
    max-width: 100%;
    min-height: 48px;
    margin: 16px auto 0 !important;
    padding: 12px 20px;
    white-space: normal;
    text-align: center;
    line-height: 1.25;
  }
}

/* =========================================================
   ARIDES FAQ ALWAYS OPEN V1
   ========================================================= */

.arides-faq-list {
  align-items: start;
}

.arides-faq-item {
  overflow: hidden;
  height: auto;
}

.arides-faq-question {
  display: block;
  min-height: 0;
  padding: 17px 17px 8px;
  border: 0;
  background: transparent;
  color: #17233b;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
  cursor: default;
}

.arides-faq-icon {
  display: none !important;
}

.arides-faq-answer,
.arides-faq-item.is-open .arides-faq-answer {
  display: block !important;
  padding: 0 17px 18px;
  color: #667085;
  font-size: 13px;
  line-height: 1.58;
}

.arides-faq-question:hover {
  background: transparent;
}

@media (max-width: 760px) {
  .arides-faq-question {
    min-height: 0;
    padding: 15px 14px 7px;
    font-size: 13.5px;
  }

  .arides-faq-answer,
  .arides-faq-item.is-open .arides-faq-answer {
    display: block !important;
    padding: 0 14px 16px;
    font-size: 12.5px;
  }
}

/* =========================================================
   ARIDES FAQ CARD DESIGN V2
   ========================================================= */

.arides-faq-list {
  gap: 16px 14px;
  align-items: start;
}


/* ---------- default card ---------- */

.arides-faq-item {
  --faq-accent: #15965f;
  --faq-soft: #f1faf5;
  --faq-border: #dbeee4;

  position: relative;
  overflow: hidden;

  border: 1px solid var(--faq-border);
  border-radius: 18px;

  background: #ffffff;

  box-shadow:
    0 8px 24px rgba(23, 35, 59, .055);

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}


/* ---------- alternating soft colors ---------- */

.arides-faq-item:nth-child(4n + 1) {
  --faq-accent: #15965f;
  --faq-soft: #effaf4;
  --faq-border: #d8eee2;
}

.arides-faq-item:nth-child(4n + 2) {
  --faq-accent: #3978c7;
  --faq-soft: #f1f6fd;
  --faq-border: #dbe7f6;
}

.arides-faq-item:nth-child(4n + 3) {
  --faq-accent: #c78122;
  --faq-soft: #fff8ed;
  --faq-border: #f1e2c8;
}

.arides-faq-item:nth-child(4n + 4) {
  --faq-accent: #7861b5;
  --faq-soft: #f7f4fc;
  --faq-border: #e5def4;
}


/* ---------- question header ---------- */

.arides-faq-question {
  position: relative;

  display: block;
  width: 100%;

  min-height: 0;

  padding:
    17px
    42px
    14px
    22px;

  border: 0;
  border-bottom:
    1px solid
    var(--faq-border);

  background:
    linear-gradient(
      90deg,
      var(--faq-soft) 0%,
      rgba(255, 255, 255, .72) 100%
    );

  color: #17233b;

  font-size: 14px;
  font-weight: 750;
  line-height: 1.35;

  text-align: left;

  cursor: default;
}


/* colored vertical accent */

.arides-faq-question::before {
  content: "";

  position: absolute;

  left: 0;
  top: 14px;
  bottom: 14px;

  width: 4px;

  border-radius:
    0 5px 5px 0;

  background:
    var(--faq-accent);
}


/* small decorative dot */

.arides-faq-question::after {
  content: "";

  position: absolute;

  top: 21px;
  right: 20px;

  width: 8px;
  height: 8px;

  border-radius: 50%;

  background:
    var(--faq-accent);

  box-shadow:
    0 0 0 5px
    color-mix(
      in srgb,
      var(--faq-accent) 12%,
      transparent
    );
}


/* old accordion icon stays gone */

.arides-faq-icon {
  display: none !important;
}


/* ---------- answer ---------- */

.arides-faq-answer,
.arides-faq-item.is-open
.arides-faq-answer {
  display: block !important;

  padding:
    15px
    18px
    19px
    22px;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fcfdfe 100%
    );

  color: #637087;

  font-size: 13px;
  line-height: 1.62;
}


/* stronger important text */

.arides-faq-answer strong {
  color: #17233b;
  font-weight: 700;
}


/* nicer lists */

.arides-faq-answer ul {
  margin:
    9px 0 2px;

  padding-left:
    20px;
}

.arides-faq-answer li {
  padding-left:
    2px;
}

.arides-faq-answer li::marker {
  color:
    var(--faq-accent);
}


/* desktop hover — visual only, no interaction */

@media (hover: hover) {
  .arides-faq-item:hover {
    transform:
      translateY(-2px);

    border-color:
      color-mix(
        in srgb,
        var(--faq-accent) 28%,
        #dfe5ec
      );

    box-shadow:
      0 13px 30px
      rgba(23, 35, 59, .085);
  }
}


/* ---------- mobile ---------- */

@media (max-width: 760px) {

  .arides-faq-list {
    gap: 12px;
  }

  .arides-faq-item {
    border-radius: 15px;
  }

  .arides-faq-question {
    padding:
      15px
      38px
      12px
      18px;

    font-size:
      13.5px;
  }

  .arides-faq-question::before {
    top: 12px;
    bottom: 12px;
  }

  .arides-faq-question::after {
    top: 19px;
    right: 17px;
  }

  .arides-faq-answer,
  .arides-faq-item.is-open
  .arides-faq-answer {
    padding:
      13px
      16px
      17px
      18px;

    font-size:
      12.5px;

    line-height:
      1.58;
  }
}


/* =========================================================
   ARIDES FAQ UNIFIED GREEN V3
   ========================================================= */

.arides-faq-item {
  --faq-accent: #15965f !important;
  --faq-soft: #effaf4 !important;
  --faq-border: #d8eee2 !important;

  border-color:
    var(--faq-border) !important;
}


/* all cards use the same ARIDES green */

.arides-faq-item:nth-child(4n + 1),
.arides-faq-item:nth-child(4n + 2),
.arides-faq-item:nth-child(4n + 3),
.arides-faq-item:nth-child(4n + 4) {
  --faq-accent: #15965f !important;
  --faq-soft: #effaf4 !important;
  --faq-border: #d8eee2 !important;
}


/* unified soft green header */

.arides-faq-question {
  background:
    linear-gradient(
      90deg,
      #effaf4 0%,
      #fbfefc 100%
    ) !important;

  border-bottom:
    1px solid #d8eee2 !important;
}


/* green line on the left */

.arides-faq-question::before {
  background:
    #15965f !important;
}


/* remove decorative circle */

.arides-faq-question::after {
  display:
    none !important;

  content:
    none !important;
}


/* no extra space reserved for the removed circle */

.arides-faq-question {
  padding-right:
    20px !important;
}


/* keep old accordion icon hidden too */

.arides-faq-icon {
  display:
    none !important;
}


/* consistent subtle hover */

@media (hover: hover) {
  .arides-faq-item:hover {
    border-color:
      #bfe2cf !important;

    box-shadow:
      0 12px 28px
      rgba(21, 150, 95, .08) !important;
  }
}


/* mobile */

@media (max-width: 760px) {
  .arides-faq-question {
    padding-right:
      16px !important;
  }
}


/* =========================================================
   ARIDES FAQ COMPACT EQUAL ROWS V4
   ========================================================= */

/*
  Desktop:
  two clean columns,
  both cards in each row have equal height.
*/
.arides-faq-list {
  display: grid !important;
  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap:
    10px 12px !important;

  align-items:
    stretch !important;
}


/*
  Let each card fill its grid row completely.
*/
.arides-faq-item {
  height:
    100% !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  margin:
    0 !important;
}


/*
  Question stays compact.
*/
.arides-faq-question {
  flex:
    0 0 auto;

  padding-top:
    14px !important;

  padding-bottom:
    11px !important;
}


/*
  Answer fills the remaining height.
  This makes both cards in a pair visually equal.
*/
.arides-faq-answer,
.arides-faq-item.is-open
.arides-faq-answer {
  flex:
    1 1 auto;

  padding-top:
    12px !important;

  padding-bottom:
    15px !important;
}


/*
  Mobile:
  ordinary single column,
  natural card height.
*/
@media (max-width: 760px) {

  .arides-faq-list {
    grid-template-columns:
      1fr !important;

    gap:
      9px !important;
  }

  .arides-faq-item {
    height:
      auto !important;
  }

  .arides-faq-question {
    padding-top:
      13px !important;

    padding-bottom:
      10px !important;
  }

  .arides-faq-answer,
  .arides-faq-item.is-open
  .arides-faq-answer {
    padding-top:
      10px !important;

    padding-bottom:
      14px !important;
  }
}