.zaka-ai-product-steps {
  margin: 50px auto; }
  .zaka-ai-product-steps .aps-title {
    margin-bottom: 50px;
    font-size: var(--typo-title);
    line-height: var(--lh-title);
    font-weight: var(--fw-title);
    letter-spacing: var(--ls-title);
    /* Mobile styles (under 992px) */
    color: var(--primary);
    text-align: center; }
    @media (max-width: 992px) {
      .zaka-ai-product-steps .aps-title {
        font-size: var(--typo-title-m); } }
  .zaka-ai-product-steps .aps-track {
    position: relative; }
  .zaka-ai-product-steps .aps-col {
    position: relative; }
  .zaka-ai-product-steps .aps-card {
    height: 100%;
    padding: 32px 20px 24px;
    position: relative;
    text-align: center; }
  .zaka-ai-product-steps .aps-col:not(:last-child) .aps-card::after {
    content: "";
    position: absolute;
    left: calc(100% + (var(--bs-gutter-x, 1.5rem) / 2) - 12px);
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    z-index: 2;
    width: 14px;
    height: 14px;
    border-top: 3px solid var(--primary);
    border-right: 3px solid var(--primary); }
    [dir="rtl"] .zaka-ai-product-steps .aps-col:not(:last-child) .aps-card::after {
      left: auto;
      right: calc(100% + (var(--bs-gutter-x, 1.5rem) / 2) - 12px); }
    [dir="rtl"] .zaka-ai-product-steps .aps-col:not(:last-child) .aps-card::after {
      transform: translateY(-50%) rotate(-135deg); }
  .zaka-ai-product-steps .aps-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 24px;
    border-radius: 50%;
    background: var(--primary);
    color: var(--white);
    font-size: var(--typo-subtitle);
    line-height: var(--lh-subtitle);
    font-weight: var(--fw-subtitle);
    letter-spacing: var(--ls-subtitle);
    /* Mobile styles (under 992px) */ }
    @media (max-width: 992px) {
      .zaka-ai-product-steps .aps-number {
        font-size: var(--typo-subtitle-m); } }
  .zaka-ai-product-steps .aps-card-title {
    color: var(--primary);
    font-size: var(--typo-subtitle);
    line-height: var(--lh-subtitle);
    font-weight: var(--fw-subtitle);
    letter-spacing: var(--ls-subtitle);
    /* Mobile styles (under 992px) */
    font-size: clamp(20px, 1.5vw, 40px);
    line-height: 1.2;
    margin: 0 0 12px;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none; }
    @media (max-width: 992px) {
      .zaka-ai-product-steps .aps-card-title {
        font-size: var(--typo-subtitle-m); } }
  .zaka-ai-product-steps .aps-card-description {
    color: var(--white);
    font-size: var(--typo-text);
    line-height: var(--lh-text);
    font-weight: var(--fw-text);
    letter-spacing: var(--ls-text);
    /* Mobile styles (under 992px) */
    font-size: clamp(14px, 1.15vw, 22px);
    line-height: 1.25;
    margin: 0;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none; }
    @media (max-width: 992px) {
      .zaka-ai-product-steps .aps-card-description {
        font-size: var(--typo-text-m); } }
  @media (max-width: 991px) {
    .zaka-ai-product-steps .aps-card {
      min-height: 230px; }
    .zaka-ai-product-steps .aps-col:not(:last-child) .aps-card::after {
      left: calc(100% + (var(--bs-gutter-x, 1.5rem) / 2) - 10px);
      width: 12px;
      height: 12px;
      border-top-width: 2px;
      border-right-width: 2px; }
      [dir="rtl"] .zaka-ai-product-steps .aps-col:not(:last-child) .aps-card::after {
        left: auto;
        right: calc(100% + (var(--bs-gutter-x, 1.5rem) / 2) - 10px); }
    .zaka-ai-product-steps .aps-track:not(.aps-single-md) .aps-col.aps-end-md .aps-card::after {
      display: none; }
    .zaka-ai-product-steps .aps-track.aps-single-md .aps-col:not(:last-child) .aps-card::after {
      left: 50%;
      top: calc(100% + (var(--bs-gutter-y, 1.5rem) / 2) - 6px);
      transform: translateX(-50%) rotate(135deg); } }
  @media (max-width: 767px) {
    .zaka-ai-product-steps .aps-track:not(.aps-single-sm) .aps-col:not(:last-child) .aps-card::after {
      left: calc(100% + (var(--bs-gutter-x, 1.5rem) / 2) - 10px);
      top: 50%;
      transform: translateY(-50%) rotate(45deg); }
      [dir="rtl"] .zaka-ai-product-steps .aps-track:not(.aps-single-sm) .aps-col:not(:last-child) .aps-card::after {
        left: auto;
        right: calc(100% + (var(--bs-gutter-x, 1.5rem) / 2) - 10px); }
      [dir="rtl"] .zaka-ai-product-steps .aps-track:not(.aps-single-sm) .aps-col:not(:last-child) .aps-card::after {
        transform: translateY(-50%) rotate(-135deg); }
    .zaka-ai-product-steps .aps-track.aps-single-sm .aps-col:not(:last-child) .aps-card::after {
      left: 50%;
      top: calc(100% + (var(--bs-gutter-y, 1.5rem) / 2) - 6px);
      transform: translateX(-50%) rotate(135deg); } }